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

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

Ответ

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

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

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

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

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

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

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

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

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

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

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

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

Еще по теме:

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

Какой тул для измерения Pagespeed дает более адекватные результаты? - PageSpeed Insights? - Lİghthouse? - PingDom? - Webpagetest? Я проверяю через все, проблема в том,...

Нужно ли исправлять core web vitals и как это делать?

Насколько приоритетной является задача по исправлению core web vitals? Достаточно ли для этого выполнений рекомендаций Google или есть другие рабочие способы? Ответ Исправление Core Web...

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

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

Стоит ли делать отложенную загрузку счетчиков, чтобы улучшить показатели скорости загрузки страницы?

Стоит ли делать отложенную загрузку счетчиков, чтобы улучшить показатели скорости загрузки страницы? И если делать, какие могут быть негативные последствия? Может ли это повлиять на...