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

Ответ

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

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

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

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

В вашем же случае – 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? Я проверяю через все, проблема в том,...
• Как улучшить показатель CLS для Google?
CLS — что предпринять, чтобы улучшить этот критерий? Бьемся и ничего не помогает, Google Search Console все время показывает ошибки. Ответ CLS - Cumulative Layout...
• Как исправить ошибку в Вебмастере: «Долгий ответа сервера»?
Насколько важны "критичные" ошибки в Вебмастере с посылом "При обращении к страницам сайта среднее время ответа сервера превышает 3 секунды." ? В какой приоритет относить...

---

Siteclinic

d.siteclinic@gmail.com

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

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