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

Ответ

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

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

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

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

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

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

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

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

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

Еще по теме:

• Какие есть рекомендации для улучшения скорости загрузки сайта?
Можете собрать чек-лист по работе со скоростью загрузки сайта. На какие пункты следует обращать внимание и что прорабатывать для улучшения данного показателя? Ответ Для улучшения...
• Влияет ли скорость загрузки сайта на JS на индексирование и продвижение?
Сайт на JS и скорость загрузки оставляет желать лучшего. Скажите, может ли быть такое, что из-за низкой скорости работы сайта, Google не обрабатывает и не...
• Стоит ли подгонять показатели скорости загрузки, если сайт в реальности грузится очень быстро?
Сайт в реальности грузится очень быстро как в мобильной версии, так и в десктопной. Но по Google speed insight показатели очень низкие ( в красной...
• Стоит ли делать отложенную загрузку счетчиков, чтобы улучшить показатели скорости загрузки страницы?
Стоит ли делать отложенную загрузку счетчиков, чтобы улучшить показатели скорости загрузки страницы? И если делать, какие могут быть негативные последствия? Может ли это повлиять на...
• Насколько важна метрика LCP, что на нее влияет и как улучшить ее значение?
Подскажите, насколько важна метрика LCP? Как она считается и как исправляется ее значение? Ответ Метрика LCP действительно является одной из самых важных в скорости загрузки...

---

Siteclinic

d.siteclinic@gmail.com

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

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