![Page 1: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/1.jpg)
Скорость работы интернет-магазина на мобильных устройствах
Юрий Устинов Русоникс
Москва, 11 октября 2013
![Page 2: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/2.jpg)
Советы по ускорению сайта
• Доклад на ЭТ-2012 ровно год назад
• АКТУАЛЬНО как никогда
• РАБОТАЕТ и для мобильных тоже
http://www.slideshare.net/rusonyx/ss-14834301
![Page 3: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/3.jpg)
Так что с мобильными?
• Мобильное приложение
• Отдельная мобильная версия
• Адаптивный дизайн
• Обычный сайт для всех
![Page 4: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/4.jpg)
ТОП100. Как у них?
1. ТОП100 Интернет-продавцов Рунета
по версии журнала «Секрет фирмы»
http://www.kommersant.ru/doc/2180938
![Page 5: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/5.jpg)
ТОП100. Как у них?
1. ТОП100 Интернет-продавцов Рунета
по версии журнала «Секрет фирмы»
http://www.kommersant.ru/doc/2180938
2. Испытательный стенд
Приложение для iOS, iPhone 5, софт для имитации среднего 3G-соединения
![Page 6: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/6.jpg)
ТОП 100. Статистика
из 100
имеют мобильную версию
![Page 7: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/7.jpg)
Бытовая + электроника + компьютеры
из 37
имеют мобильную версию
![Page 8: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/8.jpg)
Инструменты
из 2
имеют мобильную версию
![Page 9: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/9.jpg)
Одежда
из 12
имеют мобильную версию
![Page 10: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/10.jpg)
Туризм
из 13
имеют мобильную версию (все 3 – авиакомпании)
![Page 11: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/11.jpg)
Интересный пример
16 сек 4 сек
![Page 12: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/12.jpg)
Интересный пример
Сайт похож на приложение Приложение отдельно
![Page 13: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/13.jpg)
Время «холодной» загрузки страницы
![Page 14: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/14.jpg)
Время повторной загрузки страницы
![Page 15: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/15.jpg)
Время загрузки на мобильном по сравнению с декстопом
92% мобильных сайтов открываются быстрее, чем обычная версия на компьютере
![Page 16: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/16.jpg)
Время отображения страницы в среднем, сек.
![Page 17: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/17.jpg)
Объем загружаемых данных в среднем, КБ
![Page 18: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/18.jpg)
Ошибки. Жуткие редиректы
1. Редирект на www 2. Что-то очень долго происходит 3. Редирект на защищенный протокол https
ИТОГО: более 8 секунд до загрузки оформления (из 24 сек)
![Page 19: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/19.jpg)
Ошибки. Жуткие редиректы
1. Редирект на www.laredoute.ru 2. Редирект на mobile.laredoute.ru/index.aspx 3. Редирект на mobile.redoute.ru/
ИТОГО: 3 секунды до загрузки оформления (из 11 сек)
Бить палками
![Page 20: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/20.jpg)
Ошибки. Жуткие редиректы
1. Редирект на www.vasko.ru 2. Редирект на vasko.ru/m/ 3. Редирект на www.vasko.ru/m/
ИТОГО: 3,5 секунды до загрузки оформления (из 10 сек)
Бить палками
![Page 21: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/21.jpg)
Ошибки. Половинчатая моб.версия
Мобильная версия при первом заходе
Полная версия при втором заходе
Бить или не бить?
![Page 22: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/22.jpg)
Ошибки. Загрузка ненужной информации
Видим на экране: Загружаем реально на телефон
Бить палками
![Page 23: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/23.jpg)
Ошибки. Адаптивный дизайн
• Это не только «бегающая-прыгающая» верстка
• Это замена иллюстраций
• Это изменение количества позиций на странице
• Это изменение объема данных в зависимости от
устройства
![Page 24: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/24.jpg)
Ошибки. Неправильный вывод статики
1. Запрашиваем файл
www.eldorado.ru/static/css/main.css
2. Получаем редирект на файл
static.eldorado.ru/static/css/main.css
В результате ДВА запроса вместо одного по каждому файлу на странице (251 запрос!)
Бить палками
![Page 25: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/25.jpg)
Полезное техдиру. Быстрый старт загрузки содержимого страницы
Загрузка HTML-кода страницы
Браузер ждет загрузки страницы и ничего не делает Бить не надо,
так «у всех»
![Page 26: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/26.jpg)
Полезное техдиру. Быстрый старт загрузки содержимого страницы
Загрузка HTML-кода страницы
Заголовки страницы отдаются «принудительно» и начинается загрузка файлов со стилями. При этом страница еще не загрузилась целиком
Премировать, так у 40 из 100
![Page 27: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/27.jpg)
Так что с мобильными?
• Мобильное приложение
• Отдельная мобильная версия
• Адаптивный дизайн
• Обычный сайт для всех
![Page 28: Скорость работы интернет-магазина на мобильных устройствах. Тестируем, измеряем, ускоряем Юрий Устинов](https://reader034.vdocuments.net/reader034/viewer/2022052600/557f176cd8b42aea318b49d4/html5/thumbnails/28.jpg)
Юрий Устинов РУСОНИКС Facebook: yuri.ustinov rusonyx Twitter: @sukahitriy @rusonyx [email protected] www.rusonyx.ru
Спасибо, #oborot #et2013 :)