Как анализировать и улучшить скорость загрузки сайта на мобильных устройствах?

Скорость загрузки сайта 89/100, скорость загрузки мобильной версии – 33/100. Как с этим бороться? И нужно ли вообще бороться? Так как есть ряд специалистов, которые утверждают, что это второстепенная задача.

Ответ

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

Не оптимизируя мобильную версию, вы рискуете лишиться большого количества посетителей, уменьшить % конверсии и вовлеченности, так как количество мобильных пользователей неуклонно растет.

При низкой скорости загрузки на мобильных устройствах, пользователи будут возвращаться в выдачу, не дождавшись загрузки сайта или прогрузки отдельных элементов, что негативно отразится на поведенческих факторах сайта и станет еще одной причиной ухудшения позиций.

Но в тоже время не стоит все силы тратить лишь в угоду высоким баллам, жертвуя остальными задачами по продвижению и оптимизации. Достаточно держать показатели на среднем уровне для мобильных устройств, но стараться их улучшать по мере возможности.

В вашем же случае – 33/100 это показателей ниже среднего, что требует доработки и улучшения скорости.

Для анализа скорости загрузки рекомендуем пользоваться несколькими сервисами – PageSpeed Insights/GTmetrix или Chrome UX Tool. При анализе скорости загрузки помогут и инструменты для разработчика (F12), например с отображением сайта на разных экранах, скоростью загрузки элементов страницы, весом файлов, ответами сервера, приоритетностью загрузки и типы файлов страницы и т.д. Подробно про это читайте у нас в статье “Как использовать Chrome DevTools при анализе сайта”.

Как можно улучшить скорость и на что обращать внимание:

скорость хостинга: где расположен, какие услуги предлагает, насколько хорошо масштабируется, оптимизирована ли скорость работы (обновления ПО, кэширование, CDN);
настройте кэширование как и на сервере, так и в браузере у пользователя;
создайте упрощенную/облегченную версию для мобильных устройств (сведите к минимуму использование всплывающих окон);
оптимизируйте код: проверяйте его на валидность, отложите загрузку не первостепенного кода, объединяйте между собой JS-скрипты и СSS-стили для уменьшения количества запросов на сервер, также минифицируйте и облегчайте вес кода, первостепенно ставьте загрузку основных CSS правил, а после уже скриптов, так как они могут блокировать отрисовку контента;
оптимизируйте изображения: используйте программы для сжатия/оптимизации изображений, а также облегченные форматы (например, WEBP), отложите загрузку фоновых и скрытых изображений;
ускоряйте мобильные страницы с помощью плагинов CMS, ускоренным форматам AMP от Гугл или Яндекс.Турбо.

Рекомендации по оптимизации скорости от Гугл. А о том как увеличить скорость загрузки сайта мы писали в нашем блоге.

Хотите получить ответ на свой вопрос? Задайте его нам через телеграм-бота!↓

Задать свой вопрос

Подписаться на рассылку

Еще по теме:

Влияет ли оценка в Page Speed Insights на поисковую выдачу в Google?

Возник такой вопрос: имеют ли общее между собой оценка сайта в Page Speed Insights и реальность? Т.е. сильно влияет оценка в Page Speed Insights на...

Как время ответа сервера (TTFB) влияет на индексацию Google?

Интернет-магазин строительных товаров, сделан по типу каталожки, очень много категорий. Однако, у сайта есть проблема - время ответа сервера (TTFB) чуть ли не 2 секунды,...

Как бороться предупреждением в GSC «Значение показателя «LCP» слишком велико»?

Подскажите, как бороться предупреждением в GSC "Значение показателя "LCP" слишком велико: более 4 сек. (мобильные устройства)"? Что исправлять и как быстро можно отправлять страницы на...

Какие есть рекомендации для улучшения скорости загрузки сайта?

Можете собрать чек-лист по работе со скоростью загрузки сайта. На какие пункты следует обращать внимание и что прорабатывать для улучшения данного показателя? Ответ Для улучшения...