Core Web Vitals: что это и как улучшить

Core Web Vitals — три метрики Google для оценки пользовательского опыта: LCP, INP и CLS. Влияют на ранжирование и скорость работы сайта.

Что такое Core Web Vitals

Core Web Vitals — набор из трёх ключевых метрик производительности, которые Google использует для оценки пользовательского опыта на веб-страницах. С мая 2021 года Core Web Vitals являются официальными факторами ранжирования Google.

Три метрики:

LCP (Largest Contentful Paint) — скорость загрузки главного контента
INP (Interaction to Next Paint) — отзывчивость на взаимодействия
CLS (Cumulative Layout Shift) — визуальная стабильность страницы

Google измеряет эти метрики по реальным данным пользователей (Chrome User Experience Report, CrUX), а не по лабораторным тестам.

Зачем нужны Core Web Vitals

Прямое влияние на SEO: Google использует CWV как один из сигналов ранжирования Page Experience. При прочих равных условиях сайт с хорошими CWV получает преимущество.

Улучшение конверсии: BBC обнаружила, что каждые 0.1с ускорения загрузки увеличивают конверсию на 1%. Google Shopping: улучшение CLS на 0.1 увеличило продажи на 1%.

Снижение отказов: 53% мобильных пользователей покидают сайт, если загрузка занимает более 3 секунд.

Метрики Core Web Vitals

LCP — Largest Contentful Paint

Время загрузки самого крупного видимого элемента (изображения, блок текста, видео).

| Значение | Оценка | |----------|--------| | до 2.5 с | Хорошо | | до 4.0 с | Требует улучшения | | более 4.0 с | Плохо |

Как улучшить LCP:

Оптимизировать изображения (WebP, сжатие, lazy loading)
Использовать CDN для статических ресурсов
Предзагрузка критических ресурсов через link rel preload
Устранить блокирующие CSS и JavaScript

INP — Interaction to Next Paint

Отзывчивость страницы: время от взаимодействия пользователя (клик, нажатие) до обновления экрана. Заменил FID в марте 2024.

| Значение | Оценка | |----------|--------| | до 200 мс | Хорошо | | до 500 мс | Требует улучшения | | более 500 мс | Плохо |

Как улучшить INP:

Разбивать длинные задачи JavaScript
Избегать блокирующих операций в обработчиках событий
Оптимизировать DOM-манипуляции
Использовать Web Workers для тяжёлых вычислений

CLS — Cumulative Layout Shift

Мера неожиданных смещений элементов страницы при загрузке.

| Значение | Оценка | |----------|--------| | до 0.1 | Хорошо | | до 0.25 | Требует улучшения | | более 0.25 | Плохо |

Как улучшить CLS:

Указывать размеры изображений и видео (width/height атрибуты)
Не вставлять контент над существующим (баннеры, уведомления)
Предзагружать шрифты и использовать font-display swap
Зарезервировать место для динамического контента

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

Google Search Console — Основные веб-показатели (реальные данные пользователей)
PageSpeed Insights — лабораторные + полевые данные
Chrome DevTools — вкладка Performance
Lighthouse — встроен в Chrome DevTools

Проверка Core Web Vitals на reChecker

Используйте Web Vitals для анализа ваших показателей. Инструмент покажет:

Текущие значения LCP, INP, CLS
Оценку каждой метрики (хорошо/требует улучшения/плохо)
Конкретные рекомендации по улучшению
Сравнение с пороговыми значениями Google

FAQ

Core Web Vitals обязательны для попадания в ТОП? Нет, они лишь один из более чем 200 факторов ранжирования. Плохие CWV при очень сильном контенте и ссылочной массе не помешают занять высокие позиции. Но при прочих равных помогут.

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

Что изменилось когда INP заменил FID? FID измерял только время первого взаимодействия. INP измеряет все взаимодействия на странице и берёт 98-й перцентиль, что лучше отражает общую отзывчивость. Пороги стали строже.