Core Web Vitals в 2026: чек-лист по LCP, INP и CLS
Практический чек-лист Core Web Vitals: пороговые значения LCP, INP и CLS, частые причины просадок и порядок работ, который реально выводит сайт в зелёную зону.
Core Web Vitals — три метрики, которыми Google описывает удобство страницы: скорость появления основного содержимого, отзывчивость на действия и стабильность вёрстки. Они влияют и на ранжирование, и на конверсию: медленная страница теряет часть посетителей ещё до загрузки.
| Метрика | Что измеряет | Хорошо | Требует внимания |
|---|---|---|---|
| LCP | Появление основного элемента | до 2,5 с | 2,5–4 с |
| INP | Отклик на действия пользователя | до 200 мс | 200–500 мс |
| CLS | Смещения вёрстки | до 0,1 | 0,1–0,25 |
Сначала полевые данные, потом лабораторные
Оценивайте сайт по данным реальных пользователей, а не по одному запуску теста на быстром канале. Лабораторные инструменты полезны для поиска причин, но решение «стало лучше или хуже» принимается по полевым данным за последние 28 дней и обязательно отдельно для мобильных.
LCP: что тормозит чаще всего
- Медленный ответ сервера. До оптимизации картинок проверьте время до первого байта и кэширование.
- Крупное изображение первого экрана без приоритета загрузки и без современных форматов.
- Шрифты, блокирующие отрисовку: нужен font-display: swap и предзагрузка основного начертания.
- Скрипты сторонних сервисов, вставленные в начало страницы.
INP: отзывчивость важнее «веса» страницы
INP проседает там, где длинные задачи JavaScript блокируют основной поток: тяжёлые обработчики, перерисовка больших списков, аналитика, работающая на каждый клик. Помогают разбиение длинных задач, виртуализация длинных списков, отложенная загрузка некритичного кода и перенос вычислений в фоновые потоки.
CLS: смещения лечатся резервированием места
- Указывайте размеры изображений и видео, чтобы место резервировалось заранее.
- Не вставляйте баннеры и уведомления над уже отрисованным содержимым.
- Подключайте шрифты так, чтобы подмена начертания не меняла метрики текста.
- Для блоков, которые подгружаются, задавайте минимальную высоту.
Порядок работ, который даёт результат
- Снять текущие полевые показатели отдельно для мобильных и десктопа.
- Найти LCP-элемент на ключевых шаблонах: главная, категория, карточка, статья.
- Исправить ответ сервера и кэширование, затем изображения и шрифты.
- Сократить и отложить сторонние скрипты, оставив только нужные.
- Повторно снять показатели через 3–4 недели и зафиксировать результат.
Важно помнить: Core Web Vitals — фактор ранжирования, но не замена содержанию. Быстрая страница без ответа на запрос пользователя в топ не выйдет, а медленная — потеряет позиции и заявки при прочих равных.