Core Web Vitals: что это и как исправить
Коротко
Core Web Vitals (CWV) — три метрики Google, оценивающие реальный пользовательский опыт: скорость загрузки (LCP), отзывчивость на действия (INP) и визуальную стабильность (CLS). Они входят в факторы ранжирования.
Три метрики и пороги
LCP (Largest Contentful Paint) — время отрисовки крупнейшего элемента. Хорошо: ≤ 2,5 с.
INP (Interaction to Next Paint) — задержка отклика на клики и ввод. Хорошо: ≤ 200 мс. С 2024 года INP заменил устаревший FID.
CLS (Cumulative Layout Shift) — насколько «прыгает» вёрстка при загрузке. Хорошо: ≤ 0,1.
Оценка идёт по 75-му перцентилю реальных пользователей (поле CrUX), а не только по лабораторным тестам.
Как исправить LCP
Оптимизируйте крупнейший элемент (обычно баннер или заголовок). Используйте современные форматы (WebP/AVIF), задавайте размеры изображений, применяйте preload для ключевого ресурса.
Убирайте рендер-блокирующий CSS/JS, включайте сжатие и кэширование, отдавайте сайт с CDN. Статическая генерация (SSG) даёт лучший LCP, так как HTML готов заранее.
Как исправить INP и CLS
INP: дробите тяжёлый JavaScript, убирайте лишние сторонние скрипты, выносите долгие вычисления, не блокируйте главный поток. Чем меньше JS — тем отзывчивее страница.
CLS: всегда задавайте width/height у изображений и видео, резервируйте место под рекламу и динамические блоки, не вставляйте контент над уже отрисованным. Подключайте шрифты через font-display: swap.
Как измерять
Лабораторно: Lighthouse (вкладка в Chrome DevTools) и PageSpeed Insights. Реальные данные: отчёт Core Web Vitals в Google Search Console и поле CrUX в PageSpeed Insights.
По данным BotClinic, перевод метрик в зелёную зону чаще всего даёт прирост позиций на конкурентных запросах в течение 1–2 месяцев. Технический аудит выявляет узкие места за 48 часов.
Частые вопросы
Core Web Vitals влияют на позиции в Google?+
Да, это подтверждённый фактор ранжирования, особенно как «тай-брейкер» между сайтами схожей релевантности. Но контент и ссылки важнее.
Чем INP отличается от старого FID?+
FID мерил задержку только первого взаимодействия. INP оценивает отзывчивость на протяжении всей сессии — более строгая и честная метрика.
Достаточно ли Lighthouse для оценки?+
Lighthouse — это лаборатория. Для ранжирования Google смотрит на реальных пользователей (CrUX) в Search Console. Сверяйте оба источника.