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

Ответ

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

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

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

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

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

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

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

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

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

Еще по теме:

• Как улучшить показатель CLS для Google?
CLS — что предпринять, чтобы улучшить этот критерий? Бьемся и ничего не помогает, Google Search Console все время показывает ошибки. Ответ CLS - Cumulative Layout...
• Какой инструмент использовать для анализа скорости загрузки страниц?
Какой тул для измерения Pagespeed дает более адекватные результаты? - PageSpeed Insights? - Lİghthouse? - PingDom? - Webpagetest? Я проверяю через все, проблема в том,...
• Как время ответа сервера (TTFB) влияет на индексацию Google?
Интернет-магазин строительных товаров, сделан по типу каталожки, очень много категорий. Однако, у сайта есть проблема - время ответа сервера (TTFB) чуть ли не 2 секунды,...
• Анализ скорости загрузки: показатели PageSpeed Insights или Core Web Vitals
Насколько сейчас показатели PageSpeed Insights справедливы и стоит ли на них заморачиваться? Стоит ли следовать всем указаниям или можно остановиться на определённых, точно важных и...
• Как оптимизировать визуальный контент и уменьшить скорость загрузки?
В интернет-магазине в SEO тексте категории товара добавляю различный контент — несколько уникальных оптимизированных фото, видео и таблицу. Соответственно, все это влияет на скорость загрузки...

---

Siteclinic

d.siteclinic@gmail.com

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

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