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

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

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

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

Новый сайт стал более уязвим для взлома

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

Новый сайт недоступен для людей с ограниченными способностями

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

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

Новый сайт еще больше нагружает сервер

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

Замеры сделаны в сервисе от <a href="https://ping.loading.express/" rel="nofollow noreferrer noopener" target="_blank">Loading.express</a>
Замеры сделаны в сервисе от Loading.express

ДО и ПОСЛЕ: новый сайт «мощнее» по всем параметрам

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

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

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

Загрузка до интерактивности <b>60 секунд</b> в пике 2 октября, дальше на спад.
Загрузка до интерактивности 60 секунд в пике 2 октября, дальше на спад.
Число HTTP-запросов неустанно <b>растет</b>, посмотрим, что будет дальше.
Число HTTP-запросов неустанно растет, посмотрим, что будет дальше.
Вес (размер) страницы резко <b>вырос</b> с запуском нового сайта.
Вес (размер) страницы резко вырос с запуском нового сайта.

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

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

16 сентября VS 2 ноября:

<b>16.09.2020</b>
16.09.2020
<b>02.11.2020</b>
02.11.2020
<b>38 секунд загрузки</b> — значит сайт не работал от слова совсем. Онлайн не качал. Как только оффлайн пришлось закрыть, то онлайн срочно понадобился, а он мертв. <a href="https://loading.express/?test_id=5f61ec8b3eb617042b4e4e98&amp;server=main" rel="nofollow noreferrer noopener" target="_blank">Замер из Москвы</a>
38 секунд загрузки — значит сайт не работал от слова совсем. Онлайн не качал. Как только оффлайн пришлось закрыть, то онлайн срочно понадобился, а он мертв. Замер из Москвы
18.6 секунд — это отличный результат для 2014 года. <a href="https://loading.express/?test_id=5fa03471e24fb07f76a62781&amp;server=spb-1-monitor" rel="nofollow noreferrer noopener" target="_blank">Замер из Петербурга</a>
18.6 секунд — это отличный результат для 2014 года. Замер из Петербурга

Конкуренты уже далеко впереди… или нет?

Goods.ru — 41.9 секунд

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

Связной — 12.4 секунд

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

E-Katalog — 6.3 секунд

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

Technopark.ru — 6.2 секунд

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

Фотосклад 8.6 секунд

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

Dns-shop.ru — 14.9 секунд

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

Eldorado.ru — 30.1 секунд

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

Holodilnik.ru — 15.5 секунд

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

Quke.ru — 35.9 секунд

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

Kcentr.ru — 18.7 секунд

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

Вывод про новый сайт М.Видео

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

Другие статьи от Алексея из Loading.expresss:

Подписывайтесь на Телеграм и Youtube канал и будьте здоровы!

4
8 комментариев

Комментарий недоступен

1
Ответить

И очень хуево в маркетинге

1
Ответить

Друзья, у вас подмена понятий, сайт НЕ новый, речь только про редизайн сайта. Отсюда большинство посылов - неверны/ошибочны по сути.

ООООчень странно и ошибочно мерить скорость ВСЕГО сайта по главной странице, при том, что это даже не основная страница для входа для любого Еком сайта. 
 

1
Ответить

Про скорость всего сайта лучше и не упоминать. Ведь если измерить ВСЕ страницы этого "обновленного сайта", то можно налить не одно ведро слез.

Доказательств хотите? Пожалуйста, мне не жалко!

Вот вам таблица, где сделан замер скорости, для каждой внутренней страницы, по PageSpeed Insights от Google:

https://go.ax.digital/MvideoPageSpeed  —  здесь замеры от 8 544 страниц. По первой отрисовке, показателю PageSpeed Insights, времени до полной интерактивности страницы и другие показатели, которые тоже все далеки от нормы.

На этом этапе все обычно говорят, что Гугл ничего не понимает в скорости загрузки сайтов. И я бы даже может согласился, если б не знал, что Гугл имеет самую большую в мире БИГДАТУ про то как все сайты посещаются и что на них происходит, благодаря популярности браузера Хром.

Ответить

Здравствуйте, Андрей.
Подмены понятий нет. Делать редизайн без перевёрстки невозможно. А значит был переписан фронт. А если был переписан фронт, значит можно было сделать его легковесным.
Да, конечно, бекенд тут мог остаться из прошлого, именно поэтому там сервер отвечает до 11 секунд... И это еще одна ошибка при выпуске редизайна. Почему было не побороть ошибки из прошлого?)) Зачем запускать 💩 в другой обертке. Причем, уверен, за это было заплачено больше миллиона рублей.) Делала же "топовая" веб-студия...)

Какие именно "большинство посылов - неверны/ошибочны по сути"? Что-то конкретное можете опровергнуть? Если нет, то ваше сообщение ошибочно по сути и можно считать за отмазку для заказчика, мол, "смотри как я им написал, они не разбираются в теме, всё не верно!" Конкретно напишите, что ошибочно из статьи?

Прикрепил вам замер внутренней страницы. Это где айфон продается новый. Редизайн хорош, но сайт не работает с мобильных ВООБЩЕ. ОПЯТЬ.

Ответить