Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Скорость работы интернет-магазина

6,383 views

Published on

Доклад о влиянии скорости загрузки страниц на конверсию интернет-магазина. Информация об исследовании основных факторов, влияющих на время отображения страниц. Советы по ускорению сайтов.

  • Sex in your area is here: ♥♥♥ http://bit.ly/2Qu6Caa ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating direct: ♥♥♥ http://bit.ly/2Qu6Caa ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Скорость работы интернет-магазина

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

×