М.Видео провела редизайн сайта и ускорила его работу в 1,5 раза

Конверсия площадки после обновления выросла более чем на 10%. Источник: М.Видео. Компания обновила интерфейс, внедрила ряд технических решений.

Сайт компании на 2 ноября 2020 года загружается с мобильного телефона до 35 секунд:

Загрузка на среднем Андроид, в среднем интернете. (Тротлинг 4-х в сети 3G) Замер Lighthouse 6.4.1

Новая версия сайта имеет 11 известных уязвимостей. Среди них есть и высокая степень опасности для сайта и всех его посетителей:

Bootstrap, версия 3.3.7, содержит 5 уязвимостей средней опасности;
jQuery, версия 2.2.4, содержит 4 уязвимости средней опасности;
jQuery UI, версии 1.10.4, содержит 1 уязвимость высокой степени опасности;
Moment.js, версии 2.18.1, содержит 1 уязвимость, низкой степени опасности.

Новая версия сайта М.Видео содержит массу недочетов, которые делают сайт почти недоступным для людей, с ограниченными возможностями. Старый сайт тоже не был доступен этой категории людей.

Детали по этому поводу можно взять из отчета системы Lighthouse 6.4. Например тут, в разделе «Специальные возможности».

Новая версия сайта загружается быстрее прошлой, но проблема с ответом сервера дает о себе знать и сейчас. Самое большое значение, которое мне удалось зафиксировать — 11,4 секунд.

Замеры сделаны в сервисе от <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fping.loading.express%2F&postId=172644" rel="nofollow noreferrer noopener" target="_blank">Loading.express</a>

Разберем до и после. Как было и стало.

CSS стилей было 187 килобайт, стало 213. Увеличили! Молодцы.
Шрифтов было 4, стало 6, весили они 68 килобайт, стали 202 килобайта. И тут выигрыш.
JavaScript. Было 55 запросов на 1.81 мегабайт. Стало 46 запросов на 1.38. Но основному потоку от этого не легче.
Картинок стало 205 на 1.13 мб, было 112 на 1.08 мегабайт.

Ежедневный мониторинг сайта М.Видео показывает, что стало чуть лучше, после того, как было совсем всё плохо:

Загрузка до интерактивности <b>60 секунд</b> в пике 2 октября, дальше на спад.

Число HTTP-запросов неустанно <b>растет</b>, посмотрим, что будет дальше.

Вес (размер) страницы резко <b>вырос</b> с запуском нового сайта.

Параметр PageSpeed Insights остался на месте.

Скорость загрузки стала выше. С 38 секунд на 18 — это отличный результат, если просто оптимизировать старый сайт. А если сделать новый — это полный провал.

<b>38 секунд загрузки</b> — значит сайт не работал от слова совсем. Онлайн не качал. Как только оффлайн пришлось закрыть, то онлайн срочно понадобился, а он мертв. <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Floading.express%2F%3Ftest_id%3D5f61ec8b3eb617042b4e4e98%26amp%3Bserver%3Dmain&postId=172644" rel="nofollow noreferrer noopener" target="_blank">Замер из Москвы</a>

18.6 секунд — это отличный результат для 2014 года. <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Floading.express%2F%3Ftest_id%3D5fa03471e24fb07f76a62781%26amp%3Bserver%3Dspb-1-monitor&postId=172644" rel="nofollow noreferrer noopener" target="_blank">Замер из Петербурга</a>

До полной интерактивности 41,9 секунда. Лидер по медлительности в этом списке. Наверняка он сейчас на полной переработке. Замер из Москвы

До полной интерактивности 12,4 секунды. Первая отрисовка могла быть быстрее. Замер из Москвы

До полной интерактивности 6,3 секунды. Первая отрисовка на отлично! Замер из Москвы

До полной интерактивности 6,2 секунды. Первая отрисовка нормально. Замер из Москвы

До полной интерактивности 8,6 секунд. Первая отрисовка на отдельной мобильной могла быть моментальной. Замер из Москвы

До полной интерактивности 14,9 секунд. Первая отрисовка у такого игрока могла быть вдвое меньше. Замер из Москвы

До полной интерактивности 30,1 секунд. Первая отрисовка за 3.8 а потом жди неактивных кнопок и слайдеров. Замер из Москвы

До полной интерактивности 15,5 секунд. Первая отрисовка хороша! Замер из Москвы

До полной интерактивности 35,9 секунд. Отрисовка первой краски за 3.1 секунд. Плохо. Замер из Москвы

До полной интерактивности 18,7 секунд. Первая отрисовка может быть быстрее. Замер из Москвы

Загрузка сайта М.Видео уже давно стала предметом насмешек в сети. Радует, что наконец-то за этот сайт взялись мастера своего дела. Остается надеяться, что они смогут сделать этот сайт быстрым. Пока не вышло.