Core Web Vitals: что измеряют LCP, INP и CLS

Core Web Vitals — набор из трёх метрик, которыми Google измеряет реальный пользовательский опыт: как быстро появляется контент, как быстро страница откликается на действия и не «прыгает» ли вёрстка. Это не абстрактные цифры, а формализация того, что раздражает пользователя. Разберём, что именно измеряет каждая метрика, какие у них пороги, что их ухудшает, как их правильно измерять и насколько это важно для Яндекса, а не только Google.

Три метрики и что они измеряют

Core Web Vitals описывают опыт с трёх сторон: загрузка, интерактивность, стабильность.

Между «хорошо» и «плохо» — зона «требует улучшения». Цель — вывести все три в зелёную зону, причём оцениваются они по реальным пользователям (полевые данные), а не только по лабораторному тесту.

LCP: скорость появления контента

LCP фиксирует момент, когда отрисовался самый крупный элемент экрана (обычно главное изображение или заголовок). По сути это ответ на вопрос «когда пользователь увидел, что страница загрузилась».

Что ухудшает LCP:

• тяжёлые несжатые изображения главного экрана;
• медленный ответ сервера (долгий TTFB);
• render-blocking CSS и JS, тормозящие отрисовку;
• медленная загрузка шрифтов.

Улучшение LCP — это в основном ускорение загрузки: сжатие и приоритет главной картинки, быстрый сервер, устранение блокирующих ресурсов. Конкретные приёмы — в материале про скорость загрузки сайта.

INP: отзывчивость на действия

INP пришёл на смену старому FID и измеряет, насколько быстро страница реагирует на действия пользователя (клик, тап, ввод) на протяжении всего визита. Высокий INP — это «нажал, а ничего не происходит»: интерфейс подтормаживает.

Что ухудшает INP:

• тяжёлый JavaScript, надолго блокирующий основной поток;
• избыток сторонних скриптов (счётчики, виджеты, чаты);
• сложные обработчики событий и перерисовки.

Улучшают INP разгрузкой JS: убирают лишние скрипты, разбивают тяжёлые задачи, выносят сторонние скрипты из основного потока. Особенно это касается перегруженных JS-сайтов и SPA.

CLS: стабильность вёрстки

CLS измеряет, насколько «прыгает» контент при загрузке: раздражающая ситуация, когда вы целитесь в кнопку, а страница дёргается, и вы попадаете не туда. Метрика суммирует все неожиданные сдвиги.

Что ухудшает CLS:

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

Улучшают CLS, резервируя место заранее: задают размеры изображениям (об этом — в материале про оптимизацию изображений), фиксируют области под рекламу, аккуратно грузят шрифты.

Как измерять Core Web Vitals

Есть два типа данных, и их важно не путать:

1. Полевые (реальные пользователи) — то, что учитывает поиск. Смотрят в Google Search Console (отчёт Core Web Vitals) и в PageSpeed Insights (данные CrUX).
2. Лабораторные (тест в идеальных условиях) — для диагностики. Даёт Lighthouse и PageSpeed Insights.

Лабораторный тест удобен, чтобы искать проблемы, но итоговая оценка идёт по полевым данным. Поэтому ориентируются на реальные показатели из Search Console, а Lighthouse используют как инструмент отладки. В Яндекс Метрике тоже есть отчёты по скорости, дополняющие картину.

Влияют ли Core Web Vitals на Яндекс

Сам термин Core Web Vitals — гугловский, и это подтверждённый (хоть и не решающий) фактор ранжирования Google. Яндекс не использует эти конкретные метрики по названию, но учитывает скорость и удобство сайта своими средствами, а медленная, дёргающаяся страница одинаково ухудшает поведение пользователей в любой системе. Поэтому работа над Core Web Vitals полезна под оба поиска: даже если Яндекс не считает LCP напрямую, он видит те же проблемы через поведение — отказы и возвраты в выдачу.

Когда метрики зелёные, а роста нет

Зелёные Core Web Vitals убирают барьер: сайт быстрый, отзывчивый, стабильный. Но это гигиена, а не двигатель — быстрых конкурентов много. Когда метрики в порядке, а страница не пробивается, поиск смотрит на поведение шире. Здесь помогает работа с поведенческими факторами: сервис TopBooster приводит на страницы живой трафик из поиска и усиливает сигналы качества. Хорошие CWV делают опыт приятным, а поднимают страницу поведение и содержание.

Частые вопросы

Что такое LCP, INP и CLS простыми словами? LCP — как быстро появляется основной контент (цель ≤ 2,5 с). INP — как быстро страница реагирует на клики и тапы (цель ≤ 200 мс). CLS — насколько «прыгает» вёрстка при загрузке (цель ≤ 0,1). Вместе они формализуют пользовательский опыт: загрузку, отзывчивость и стабильность.

Чем полевые данные отличаются от лабораторных? Полевые собираются с реальных пользователей и именно их учитывает поиск (Search Console, данные CrUX в PageSpeed). Лабораторные — это тест в идеальных условиях (Lighthouse), удобный для поиска проблем. Ориентироваться нужно на полевые показатели, а лабораторные использовать для отладки.

Влияют ли Core Web Vitals на позиции в Яндексе? Сам термин и метрики — гугловские, это фактор ранжирования Google. Яндекс не использует их по названию, но учитывает скорость и удобство своими средствами, а медленная дёргающаяся страница ухудшает поведение в любой системе. Работать над CWV полезно под оба поиска.

Как быстро улучшить CLS? Зарезервировать место под контент заранее: задать ширину и высоту всем изображениям и видео, зафиксировать области под рекламу и баннеры, аккуратно подгружать шрифты без подмены. Большинство сдвигов вызвано элементами без заданных размеров, которые раздвигают контент при догрузке.

Вывод

Core Web Vitals — это три метрики реального опыта: LCP (появление контента, ≤ 2,5 с), INP (отзывчивость, ≤ 200 мс), CLS (стабильность вёрстки, ≤ 0,1). LCP улучшают ускорением загрузки, INP — разгрузкой JavaScript, CLS — резервированием места под элементы. Измеряют по полевым данным (Search Console, PageSpeed), а Lighthouse используют для отладки. Термин гугловский, но проблемы, которые ловят эти метрики, ухудшают поведение и в Яндексе, поэтому работа над ними универсальна. Зелёные метрики убирают барьер, а поднимают страницу поведение и содержание — оценить нужную поддержку можно на странице тарифов.