Юрий Устинов, РУСОНИКС
Электронная торговля - 2012
ХЫ-ХЫ-ХЫ
0,1сек. — свободное
течение
0,1сек. — свободное
течение
1сек. — прерывание
мысли
0,1сек. — свободное
течение
1сек. — прерывание
мысли
10сек. — отвлечение
на другие дела
Google
Google, 9 апреля 2010
Мы включили новый
критерий в наш алгоритм
поискового ранжирования:
скорость сайта.
Make the W...
Яндекс
Google
Браузер «для реальных дорог»
Google, 9 апреля 2010
Мы включили новый
критерий в наш алгоритм
поискового ранж...
МИР: 3 сек., мобильные – 5 сек.
МИР: 3 сек., мобильные – 5 сек.
РФ: 2,5 сек. По данным Google Analytics на апрель 2012
http://analytics.blogspot.com/
МИР: 3 сек., мобильные – 5 сек.
РФ: 2,5 сек.
на 11% меньше просмотров
на 16% меньше довольных посетителей
на 7% ниже конве...
1 2 3 4 5 6 7 8 9 10
3 500
3 000
2 500
2 000
1 500
1 000
Время загрузки страницы, мс
Интернет-канал, Мбит/с
Источник: More...
1 2 3 4 5 6 7 8 9 10
3 500
3 000
2 500
2 000
1 500
1 000
Время загрузки страницы, мс
Интернет-канал, Мбит/с
Источник: More...
Shopzilla Site Redo Presentation
shopzilla.com
октябрь, 2008
Источник:
Shopzilla Site Redo Presentation
shopzilla.com
октябрь, 2008
Конверсия: +7-12%
Кол-во показов: +25%
Доступность: 99,71% → ...
Shopzilla Site Redo Presentation
shopzilla.com
октябрь, 2008
Конверсия: +7-12%
Кол-во показов: +25%
Доступность: 99,71% → ...
Задача: выявить основные факторы,
влияющие на время загрузки страниц
Результат: конкретные рекомендации
Методика: измеряем...
Интернет-магазин мебели «из коробки»,
виртуальный сервер с 1Гб памяти, 2
процессорами по 1ГГц, быстрый дисковый
массив
Пос...
Времязагрузкистраницы,сек.
Количество одновременных посетителей
2,8 сек
Магазин без нагрузки
Времязагрузкистраницы,сек.
Количество одновременных посетителей
+0,3 сек
или +10% к замеру при 0
Времязагрузкистраницы,сек.
Количество одновременных посетителей
+1,4 сек!
или +50% к замеру при 50
Времязагрузкистраницы,сек.
Количество одновременных посетителей
приехали
Времязагрузкистраницы,сек.
Количество одновременных посетителей
1,6 сек
до 130 посетителей
Загрузка страницы:
Создание страницы:
0,70 сек → 0,16 сек
Передача контента:
2,20 сек → 1,20 сек
3 сек → 1,6 сек
70
130
одновременных
посетителей
1. Установка соединения
1. Установка соединения
2. Генерация страницы на сервере
1. Установка соединения
2. Генерация страницы на сервере
3. Передача контента по сети
1. Установка соединения
2. Генерация страницы на сервере
3. Передача контента по сети
70-90%
возможностей
для ускорения
1. Разрешите серверу удерживать соединения
KeepAlive
1. Разрешите серверу удерживать соединения
2. Размещайте магазин ближе к потребителям
KeepAlive
1. Разрешите серверу удерживать соединения
2. Размещайте магазин ближе к потребителям
3. Минимизируйте количество файлов
K...
1. Настройте сервер по рекомендациям CMS
1. Настройте сервер по рекомендациям CMS
2. Установите легкий веб-сервер NGINX
1. Настройте сервер по рекомендациям CMS
2. Установите легкий веб-сервер NGINX
3. Используйте PHP-акселераторы, н-р, APC
1. Настройте сервер по рекомендациям CMS
2. Установите легкий веб-сервер NGINX
3. Используйте PHP-акселераторы, н-р, APC
4...
1. Включите сжатие текста (gzip, deflate)
1. Включите сжатие текста (gzip, deflate)
2. Настройте заголовки Expires для статики
1. Включите сжатие текста (gzip, deflate)
2. Настройте заголовки Expires для статики
3. Удаляйте неиспользуемые стили и ск...
1. Включите сжатие текста (gzip, deflate)
2. Настройте заголовки Expires для статики
3. Удаляйте неиспользуемые стили и ск...
PNG, 440 Кб
Оригинал
JPG, 31 Кб
Копия
Примерный размер на сайте
главная
2,6 Мб
16 сек
каталог
20,2 Мб
119 сек
ШТО?
Загрузка страницы: 13,3 с
Начало отображения: 3,9 с
Объем данных: 2,5 Мб
Запросы к серверу: 146
12 CSS
20 java-скриптов, в т.ч. _6_ с элементами jquery
Оптимизация скриптов и стилей: -0,5 сек.
Объединение файлов: -0,6 ...
12 CSS
20 java-скриптов, в т.ч. _6_ с элементами jquery
Оптимизация скриптов и стилей: -0,5 сек.
Объединение файлов: -0,6 ...
12 CSS
20 java-скриптов, в т.ч. _6_ с элементами jquery
Оптимизация скриптов и стилей: -0,5 сек.
Объединение файлов: -0,6 ...
12 CSS
20 java-скриптов, в т.ч. _6_ с элементами jquery
Оптимизация скриптов и стилей: -0,5 сек.
Объединение файлов: -0,6 ...
12 CSS
20 java-скриптов, в т.ч. _6_ с элементами jquery
Оптимизация скриптов и стилей: -0,5 сек.
Объединение файлов: -0,6 ...
Время загрузки страницы: 13,3 → 7,0 сек.
Начало отображения: 3,9 → 2,8 сек.
Запросы к серверу: 146 → 105
Почитать:
Исследование факторов, влияющих на скорость загрузки сайтов. Rusonyx (рус)
Инициатива Google: Make The Web Faste...
Юрий Устинов РУСОНИКС
Facebook: yuri.ustinov rusonyx
Twitter: @sukahitriy @rusonyx
Email: u@rsnx.ru info@rusonyx.ru
http:/...
Скорость работы интернет магазина
Скорость работы интернет магазина
Скорость работы интернет магазина
Скорость работы интернет магазина
Скорость работы интернет магазина
Скорость работы интернет магазина
Upcoming SlideShare
Loading in …5
×

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

343 views
217 views

Published on

Скорость работы интернет магазина
Юрий Устинов
Электронная Торговля 2012

Published in: Marketing
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
343
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Юрий Устинов, РУСОНИКС Электронная торговля - 2012
  2. 2. ХЫ-ХЫ-ХЫ
  3. 3. 0,1сек. — свободное течение
  4. 4. 0,1сек. — свободное течение 1сек. — прерывание мысли
  5. 5. 0,1сек. — свободное течение 1сек. — прерывание мысли 10сек. — отвлечение на другие дела
  6. 6. Google Google, 9 апреля 2010 Мы включили новый критерий в наш алгоритм поискового ранжирования: скорость сайта. Make the Web Faster http://googlewebmastercentral.blogspot.com/../
  7. 7. Яндекс Google Браузер «для реальных дорог» Google, 9 апреля 2010 Мы включили новый критерий в наш алгоритм поискового ранжирования: скорость сайта. Make the Web Faster http://googlewebmastercentral.blogspot.com/../
  8. 8. МИР: 3 сек., мобильные – 5 сек.
  9. 9. МИР: 3 сек., мобильные – 5 сек. РФ: 2,5 сек. По данным Google Analytics на апрель 2012 http://analytics.blogspot.com/
  10. 10. МИР: 3 сек., мобильные – 5 сек. РФ: 2,5 сек. на 11% меньше просмотров на 16% меньше довольных посетителей на 7% ниже конверсия По данным Google Analytics на апрель 2012 http://analytics.blogspot.com/ По данным Aberdeen Group
  11. 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. 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. 13. Shopzilla Site Redo Presentation shopzilla.com октябрь, 2008 Источник:
  14. 14. Shopzilla Site Redo Presentation shopzilla.com октябрь, 2008 Конверсия: +7-12% Кол-во показов: +25% Доступность: 99,71% → 99,94% Источник:
  15. 15. Shopzilla Site Redo Presentation shopzilla.com октябрь, 2008 Конверсия: +7-12% Кол-во показов: +25% Доступность: 99,71% → 99,94% Инфраструктура: -50% (200 серверов вместо 402) Источник:
  16. 16. Задача: выявить основные факторы, влияющие на время загрузки страниц Результат: конкретные рекомендации Методика: измеряем → улучшаем → → измеряем → делаем выводы
  17. 17. Интернет-магазин мебели «из коробки», виртуальный сервер с 1Гб памяти, 2 процессорами по 1ГГц, быстрый дисковый массив Посетитель: виндовс, эксплорер, интернет 1,5 Мбит/с Виртуальный сервер: 2 х 1 ГГц, 1 Гб памяти Интернет-магазин: «из коробки» Измерение: sitespeed.ru, webpagetest.org
  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. Загрузка страницы: Создание страницы: 0,70 сек → 0,16 сек Передача контента: 2,20 сек → 1,20 сек 3 сек → 1,6 сек
  24. 24. 70 130 одновременных посетителей
  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. Разрешите серверу удерживать соединения 2. Размещайте магазин ближе к потребителям KeepAlive
  31. 31. 1. Разрешите серверу удерживать соединения 2. Размещайте магазин ближе к потребителям 3. Минимизируйте количество файлов KeepAlive
  32. 32. 1. Настройте сервер по рекомендациям CMS
  33. 33. 1. Настройте сервер по рекомендациям CMS 2. Установите легкий веб-сервер NGINX
  34. 34. 1. Настройте сервер по рекомендациям CMS 2. Установите легкий веб-сервер NGINX 3. Используйте PHP-акселераторы, н-р, APC
  35. 35. 1. Настройте сервер по рекомендациям CMS 2. Установите легкий веб-сервер NGINX 3. Используйте PHP-акселераторы, н-р, APC 4. Включайте встроенное кэширование в 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 Мб 16 сек каталог 20,2 Мб 119 сек ШТО?
  42. 42. Загрузка страницы: 13,3 с Начало отображения: 3,9 с Объем данных: 2,5 Мб Запросы к серверу: 146
  43. 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. 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. 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. 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. 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. 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 Twitter: @sukahitriy @rusonyx Email: u@rsnx.ru info@rusonyx.ru http://rusonyx.ru/ http://SiteSpeed.ru/

×