Core Web Vitals: метрики скорости и удобства страницы

Core Web Vitals — набор из трёх метрик Google, которые измеряют, как быстро страница загружается, как отзывается на действия и насколько стабильна при отрисовке. Они входят в оценку «удобства страницы» и измеряются на реальных посетителях.

Три метрики

• LCP (Largest Contentful Paint) — за сколько появляется самый крупный элемент страницы: заголовок или главная картинка. Хорошо — до 2,5 секунды.
• INP (Interaction to Next Paint) — как быстро страница реагирует на клик, нажатие, ввод. Хорошо — до 200 миллисекунд. Метрика заменила FID в марте 2024 года.
• CLS (Cumulative Layout Shift) — насколько «прыгает» вёрстка при загрузке: картинка без размеров сдвигает текст, и человек нажимает не туда. Хорошо — не больше 0,1.

Это пороги Google; для собственного сайта можно ставить жёстче.

Полевые и лабораторные данные

Лабораторные замеры (Lighthouse) делаются на один раз в стандартных условиях и годятся для отладки. Полевые собираются у реальных пользователей (отчёт Chrome UX Report) и показывают то, что видят люди на своих телефонах и в своих сетях. Решения принимают по полевым данным: лабораторные нередко лучше реальности.

Как проверить

PageSpeed Insights показывает и те, и другие данные по адресу. В Search Console есть отчёт «Основные интернет-показатели» по группам страниц. Данные полевого отчёта накапливаются не сразу: у нового сайта их может не быть.

Что улучшает

• Серверная или статическая отдача страниц (SSR): готовый HTML появляется быстрее, чем после загрузки скриптов.
• Сжатые изображения современных форматов с заданными размерами.
• Отложенная загрузка скриптов, которые не нужны сразу, и своих шрифтов вместо внешних.
• Кеширование и быстрый сервер.

Типичные ошибки

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