Core Web Vitals

Core Web Vitals — это LCP, INP и CLS: загрузка, отзывчивость на взаимодействие и визуальная стабильность. Оцениваются по 75-му перцентилю полевых данных, если они доступны.

Измеряем нужные данные

CrUX-данные отражают реальные визиты в Chrome, которые попадают в выборку, а собственный RUM сайта может охватывать другую аудиторию. Оценка Core Web Vitals использует 75-й перцентиль. Опубликованные пороги «хорошо»: LCP не более 2,5 с, INP не более 200 мс и CLS не более 0,1.

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

Начинайте с полевых данных в разрезе устройств и групп URL. Зафиксируйте период, охват и то, есть ли данные вообще. Затем запустите воспроизводимый лабораторный трейс для проблемного шаблона. Для каждой метрики определите ответственный слой: ответ сервера и критичный контент для LCP, длинные задачи и обработчики событий для INP или отсутствие зарезервированного места под элементы для CLS.

Загрузка, отзывчивость и визуальная стабильность описывают разные части визита.

Как внедрить или улучшить

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

Ограничения и частые ошибки

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

Полевые и лабораторные данные решают разные задачи. Полевые данные — агрегированный отчет о реальных визитах, и его оценка опирается на опыт 75-го перцентиля для нужной аудитории. Для страниц с малым трафиком их может не быть. Лабораторные данные — контролируемый трейс, который помогает воспроизвести проблему и диагностировать вероятную причину. Фиксируйте класс устройства, группу URL, период сбора и то, доступна ли полевая выборка. Например, лабораторный трейс LCP может показать неоптимизированное главное изображение, а полевые данные — что проблема касается мобильных посетителей. Исправьте изображение, ответ сервера или путь рендеринга небольшим релизом. Затем проверьте отрисованную страницу и дождитесь следующего окна полевых данных, а не заявляйте о немедленном изменении показателей аудитории.

FAQ

Какие метрики входят в набор?
LCP измеряет загрузку самого крупного видимого контента, INP — отзывчивость на взаимодействие, а CLS — визуальную стабильность.
Почему результаты лаборатории и полевых данных расходятся?
Лабораторные тесты идут в контролируемых условиях, а полевые измерения агрегируют реальные визиты с разными устройствами, сетями и взаимодействиями.