Your SlideShare is downloading. ×
0
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
3 4 3_ustinov_rusonyx
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

3 4 3_ustinov_rusonyx

150

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
150
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Юрий Устинов, РУСОНИКС Электронная торговля - 2012
  • 2. ХЫ-ХЫ-ХЫ
  • 3. 0,1сек. — свободное течение
  • 4. 0,1сек. — свободное течение 1сек. — прерывание мысли
  • 5. 0,1сек. — свободное течение 1сек. — прерывание мысли 10сек. — отвлечение на другие дела
  • 6. Google Google, 9 апреля 2010 Мы включили новый критерий в наш алгоритм поискового ранжирования: скорость сайта. Make the Web Faster http://googlewebmastercentral.blogspot.com/../
  • 7. Яндекс Google Браузер «для реальных дорог» Google, 9 апреля 2010 Мы включили новый критерий в наш алгоритм поискового ранжирования: скорость сайта. Make the Web Faster http://googlewebmastercentral.blogspot.com/../
  • 8. МИР: 3 сек., мобильные – 5 сек.
  • 9. МИР: 3 сек., мобильные – 5 сек. РФ: 2,5 сек. По данным Google Analytics на апрель 2012 http://analytics.blogspot.com/
  • 10. МИР: 3 сек., мобильные – 5 сек. РФ: 2,5 сек. на 11% меньше просмотров на 16% меньше довольных посетителей на 7% ниже конверсия По данным Google Analytics на апрель 2012 http://analytics.blogspot.com/ По данным Aberdeen Group
  • 11. 1 2 3 4 5 6 7 8 9 10 3 500 3 000 2 500 2 000 1 500 1 000 Время загрузки страницы, мс Интернет-канал, Мбит/с Источник: More Bandwith Doesn't Matter (much)
  • 12. 1 2 3 4 5 6 7 8 9 10 3 500 3 000 2 500 2 000 1 500 1 000 Время загрузки страницы, мс Интернет-канал, Мбит/с Источник: More Bandwith Doesn't Matter (much) Проблема ТОЛСТОГО самолета
  • 13. Shopzilla Site Redo Presentation shopzilla.com октябрь, 2008 Источник:
  • 14. Shopzilla Site Redo Presentation shopzilla.com октябрь, 2008 Конверсия: +7-12% Кол-во показов: +25% Доступность: 99,71% → 99,94% Источник:
  • 15. Shopzilla Site Redo Presentation shopzilla.com октябрь, 2008 Конверсия: +7-12% Кол-во показов: +25% Доступность: 99,71% → 99,94% Инфраструктура: -50% (200 серверов вместо 402) Источник:
  • 16. Задача: выявить основные факторы, влияющие на время загрузки страниц Результат: конкретные рекомендации Методика: измеряем → улучшаем → → измеряем → делаем выводы
  • 17. Интернет-магазин мебели «из коробки», виртуальный сервер с 1Гб памяти, 2 процессорами по 1ГГц, быстрый дисковый массив Посетитель: виндовс, эксплорер, интернет 1,5 Мбит/с Виртуальный сервер: 2 х 1 ГГц, 1 Гб памяти Интернет-магазин: «из коробки» Измерение: sitespeed.ru, webpagetest.org
  • 18. Времязагрузкистраницы,сек. Количество одновременных посетителей 2,8 сек Магазин без нагрузки
  • 19. Времязагрузкистраницы,сек. Количество одновременных посетителей +0,3 сек или +10% к замеру при 0
  • 20. Времязагрузкистраницы,сек. Количество одновременных посетителей +1,4 сек! или +50% к замеру при 50
  • 21. Времязагрузкистраницы,сек. Количество одновременных посетителей приехали
  • 22. Времязагрузкистраницы,сек. Количество одновременных посетителей 1,6 сек до 130 посетителей
  • 23. Загрузка страницы: Создание страницы: 0,70 сек → 0,16 сек Передача контента: 2,20 сек → 1,20 сек 3 сек → 1,6 сек
  • 24. 70 130 одновременных посетителей
  • 25. 1. Установка соединения
  • 26. 1. Установка соединения 2. Генерация страницы на сервере
  • 27. 1. Установка соединения 2. Генерация страницы на сервере 3. Передача контента по сети
  • 28. 1. Установка соединения 2. Генерация страницы на сервере 3. Передача контента по сети 70-90% возможностей для ускорения
  • 29. 1. Разрешите серверу удерживать соединения KeepAlive
  • 30. 1. Разрешите серверу удерживать соединения 2. Размещайте магазин ближе к потребителям KeepAlive
  • 31. 1. Разрешите серверу удерживать соединения 2. Размещайте магазин ближе к потребителям 3. Минимизируйте количество файлов KeepAlive
  • 32. 1. Настройте сервер по рекомендациям CMS
  • 33. 1. Настройте сервер по рекомендациям CMS 2. Установите легкий веб-сервер NGINX
  • 34. 1. Настройте сервер по рекомендациям CMS 2. Установите легкий веб-сервер NGINX 3. Используйте PHP-акселераторы, н-р, APC
  • 35. 1. Настройте сервер по рекомендациям CMS 2. Установите легкий веб-сервер NGINX 3. Используйте PHP-акселераторы, н-р, APC 4. Включайте встроенное кэширование в CMS
  • 36. 1. Включите сжатие текста (gzip, deflate)
  • 37. 1. Включите сжатие текста (gzip, deflate) 2. Настройте заголовки Expires для статики
  • 38. 1. Включите сжатие текста (gzip, deflate) 2. Настройте заголовки Expires для статики 3. Удаляйте неиспользуемые стили и скрипты
  • 39. 1. Включите сжатие текста (gzip, deflate) 2. Настройте заголовки Expires для статики 3. Удаляйте неиспользуемые стили и скрипты 4. Минимизируйте изображения Особое внимание!
  • 40. PNG, 440 Кб Оригинал JPG, 31 Кб Копия Примерный размер на сайте
  • 41. главная 2,6 Мб 16 сек каталог 20,2 Мб 119 сек ШТО?
  • 42. Загрузка страницы: 13,3 с Начало отображения: 3,9 с Объем данных: 2,5 Мб Запросы к серверу: 146
  • 43. 12 CSS 20 java-скриптов, в т.ч. _6_ с элементами jquery Оптимизация скриптов и стилей: -0,5 сек. Объединение файлов: -0,6 сек. Отложенная загрузка слайдов: -3…-5 сек. 36 стандартных png-изображений Объединение png в спрайт: -0,6 сек. 3 шрифта без кэширования: -0,3 сек. Перенос изображений на под-домен, н-р img.euroset.ru: -1..2 сек Отказаться от анимированной собаки на сайте: бесценно Заголовок expires для статики: -4 сек. при повторной загрузке Данные: sitespeed.ru, webpagetest.org
  • 44. 12 CSS 20 java-скриптов, в т.ч. _6_ с элементами jquery Оптимизация скриптов и стилей: -0,5 сек. Объединение файлов: -0,6 сек. Отложенная загрузка слайдов: -3…-5 сек. 36 стандартных png-изображений Объединение png в спрайт: -0,6 сек. 3 шрифта без кэширования: -0,3 сек. Перенос изображений на под-домен, н-р img.euroset.ru: -1..2 сек Отказаться от анимированной собаки на сайте: бесценно Заголовок expires для статики: -4 сек. при повторной загрузке Данные: sitespeed.ru, webpagetest.org
  • 45. 12 CSS 20 java-скриптов, в т.ч. _6_ с элементами jquery Оптимизация скриптов и стилей: -0,5 сек. Объединение файлов: -0,6 сек. Отложенная загрузка слайдов: -3…-5 сек. 36 стандартных png-изображений Объединение png в спрайт: -0,6 сек. 3 шрифта без кэширования: -0,5 сек. Перенос изображений на под-домен, н-р img.euroset.ru: -1..2 сек Отказаться от анимированной собаки на сайте: бесценно Заголовок expires для статики: -4 сек. при повторной загрузке Данные: sitespeed.ru, webpagetest.org
  • 46. 12 CSS 20 java-скриптов, в т.ч. _6_ с элементами jquery Оптимизация скриптов и стилей: -0,5 сек. Объединение файлов: -0,6 сек. Загрузка всех слайдов одновременно Отложенная загрузка слайдов: -3…-5 сек. 36 стандартных png-изображений Объединение png в спрайт: -0,6 сек. 3 шрифта без кэширования: -0,5 сек. Перенос изображений на под-домен, н-р img.euroset.ru: -1..2 сек Отказаться от анимированной собаки на сайте: бесценно Заголовок expires для статики: -4 сек. при повторной загрузке Данные: sitespeed.ru, webpagetest.org
  • 47. 12 CSS 20 java-скриптов, в т.ч. _6_ с элементами jquery Оптимизация скриптов и стилей: -0,5 сек. Объединение файлов: -0,6 сек. Загрузка всех слайдов одновременно Отложенная загрузка слайдов: -3…-5 сек. 36 стандартных png-изображений Объединение png в спрайт: -0,6 сек. 3 шрифта без кэширования: -0,5 сек. Перенос изображений на под-домен, н-р img.euroset.ru: -1..2 сек Отказаться от анимированной собаки на сайте: бесценно Заголовок expires для статики: -4 сек. при повторной загрузке Данные: sitespeed.ru, webpagetest.org
  • 48. Время загрузки страницы: 13,3 → 7,0 сек. Начало отображения: 3,9 → 2,8 сек. Запросы к серверу: 146 → 105
  • 49. Почитать: Исследование факторов, влияющих на скорость загрузки сайтов. Rusonyx (рус) Инициатива Google: Make The Web Faster (eng) Подборка кейсов, публикаций, инфографики (eng) Протокол SPDY (Google) Измерить и оценить: SiteSpeed.ru – сервис для РФ, по-русски + подробный отчет с рекомендациями WebPageTest.org (eng) – зарубежный сервис PageSpeed Insights (eng) – сервис Google Yslow (eng) – плагин для браузеров. Измеряет и дает рекомендации (Yahoo) Уменьшить изображения без потери качества: Smush.it (Yahoo) Использовать в аналитике: About Site Speed (Google Analytics) Поэкспериментировать (админам): mod_pagespeed (apache)
  • 50. Юрий Устинов РУСОНИКС Facebook: yuri.ustinov rusonyx Twitter: @sukahitriy @rusonyx Email: u@rsnx.ru info@rusonyx.ru http://rusonyx.ru/ http://SiteSpeed.ru/

×