233 слова | 1 минута

PageSpeed Insights

Один из самых распространенных сервисов, который подходит для сайтов любого типа - PageSpeed Insights. С его помощью можно определить фактическую производительность сайта, а также выявить проблемы, связанные с производительностью.

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

Параметры, на которые нужно обратить внимание:

LCP (Largest Contentful Paint) - Скорость загрузки основного контента

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

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

FID (First Input Delay) - Время до первого взаимодействия с контентом

Если предыдущий параметр, LCP, отвечает за отображение информации, то FID - за взаимодействие с сайтом. Условно он показывает время от момента, когда пользователь, например, нажал на кнопку до момента “реакции” сайта на это действие.

CLS (Cumulative Layout Shift) - Совокупное смещение макета

Дословный перевод CLS бывает непонятен. На самом деле, здесь имеется в виду стабильность верстки: “не едут” ли кнопки или другие элементы при нажатии на них, корректно ли отображается контент (нет “прыгающего текста”). На CLS могут влиять: изображения, в которых не указан размер, нестандартные шрифты, динамический контент.

Вышеперечисленные параметры - одни из основных. Но помимо них, PageSpeed Insights анализирует первую отрисовку контента, время до первого байта и прочее.