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

Ответ

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

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

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

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

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

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

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

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

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

Еще по теме:

• Как составить ТЗ для улучшения FID, CLS и LSP показателей?
Недавно столкнулся с такими ошибками в GSC, как FID, CLS и LSP. Что это за показатели? И как оптимизировать под них сайт? Вернее, как программисту...
• Влияет ли скорость загрузки и скорость ответа сервера на сканирование и индексирование сайта?
Если скорость ответа сервера очень маленькая, может это повлиять на сканирование и индексирование сайта? Тот же вопрос про общую скорость загрузки сайта. Ответ Да, скорость...
• Анализ скорости загрузки: показатели PageSpeed Insights или Core Web Vitals
Насколько сейчас показатели PageSpeed Insights справедливы и стоит ли на них заморачиваться? Стоит ли следовать всем указаниям или можно остановиться на определённых, точно важных и...
• Может ли очень низкий Page speed влиять на ранжирование мобильной версии сайта?
Сайт имеет позиции в ТОП-10 в десктопной выдаче, а в мобильной даже по брендовому запросу не ранжируется, сайт оптимизирован под мобилку, но есть проблема: очень...
• Как бороться предупреждением в GSC «Значение показателя «LCP» слишком велико»?
Подскажите, как бороться предупреждением в GSC "Значение показателя "LCP" слишком велико: более 4 сек. (мобильные устройства)"? Что исправлять и как быстро можно отправлять страницы на...

---

Siteclinic

d.siteclinic@gmail.com

Оцените мою статью: 

(Пока оценок нет)