Page Speed Insights — бесплатный сервис от Google, который показывает скорость загрузки сайта.
Оглавление
Зачем нужен Page Speed Insights
Скорость загрузки всех элементов сайта — один из самых важных параметров SEO-продвижения. Разные исследования показывают, что в идеале пользователь должен увидеть страницу в течение 3 секунд, иначе он пойдет искать решение на других сайтах. С помощью Page Speed Insights можно смотреть, соответствует ли сайт этому требованию или стоит оптимизировать скорость загрузки.
Как начать работу
Сервис бесплатный, а для работы даже не нужна регистрация. Нужно просто перейти на сайт сервиса, вставить ссылку на страницу сайта и нажать кнопку «Анализировать».
Для работы не нужно подтверждать, что пользователь владеет сайтом, поэтому в сервисе можно проверить любой ресурс
Какие показатели оценивает Page Speed Insights
Page Speed Insights показывает не общую скорость загрузки, а делит ее на несколько показателей. Выглядит это в виде графических шкал. Рассматриваются следующие показатели:
Largest Contentful Paint (LCP) — скорость загрузки самой большой части контента. Например, это могут быть блоки с текстом или иллюстрации.
First Input Delay (FID) — время с первого взаимодействия со страницей до той секунды, когда сайт способен обработать и ответить на это действие. Прокрутка или масштабирование не считается за взаимодействие.
Cumulative Layout Shift (CLS) — показатель смещения объектов. Часто при переходе на сайт мы видим, как объекты на странице внезапно сместились или появились новые. Плохим считается то изменение, которое произошло не по инициативе пользователя. Например, он открыл и начал читать статью, но внезапно перед ним появился блок с рекламой и теперь нужно снова листать страницу к нужному фрагменту. Соответственно, чем меньше таких внезапных сдвигов, тем лучше.
First Contentful Paint (FCP) — скорость загрузки хотя бы одного элемента страницы — баннера, текста, иллюстрации, шапки и пр.
Interaction to Next Paint (INP) — скорость реагирования на интерактивное взаимодействие со страницей. Реагирование заключается в отрисовке новых элементов. Например, пользователь добавил товар в корзину и увидел, что он действительно добавлен. Или пользователь нажал на пункт списка, и тот раскрылся.
Time to First Byte (TTFB) — время до первого байта, или время ответа сервера на полученный запрос.
.png)
Сайт на этом скриншоте почти полностью подходит под требования — только один пункт находится в категории «Средней скорости загрузки», что не так критично для продвижения
Кроме того Page Speed Insights показывает скорость отдельно для десктопной и мобильной версии сайта.
Как ускорить загрузку сайта
На скорость загрузки страницы влияют разные факторы. Ниже — одни и основных советов, что можно сделать для ускорения:
- Оптимизировать изображения — большие и тяжелые иллюстрации замедляют загрузку сайта, поэтому такие иллюстрации рекомендуется сжимать. А чтобы иллюстрации сильно не смещались при загрузке страницы, рекомендуется указать к ним атрибуты width и height.
- Использовать кэширование — это позволяет сохранять вид страниц для быстрого доступа на случай, если пользователь вернется на них.
- Оптимизировать код — удалить лишние части кода, если такие есть.
- Уменьшить влияние стороннего кода — он замедляет загрузку страниц, а выступать в его роли может, например, маркетинговый код для показа рекламы.
Упростить поиск и устранение проблем поможет Page Speed Insights.
Как понять, что именно влияет на скорость загрузки
Причины низкой скорости можно посмотреть в самом сервисе. После отображения результатов оценки Page Speed Insights глубже анализирует страницу и составляет список параметров, над которыми стоит поработать, а также предлагает решение проблемы.
Подробные результаты диагностики находятся внизу страницы
Скорость сайта важна, но это не единственный критерий, поэтому необходимо анализировать ресурс полностью. Так, даже сайты со средней скоростью могут быть в топе выдачи, если их функционал максимально удобен для пользователя.