← Все статьи

Что такое Core Web Vitals

01.09.20262 мин чтения
Готовил · Проверил и отредактировал

Core Web Vitals

Core Web Vitals — три метрики веб-производительности, которые Google использует как сигнал качества сайта при ранжировании в поиске. Расшифровываются: LCP (Largest Contentful Paint) — скорость загрузки главного контента страницы, INP (Interaction to Next Paint) — время отклика интерфейса на действия пользователя, CLS (Cumulative Layout Shift) — стабильность макета в процессе загрузки. Все три измеряются на реальных устройствах и браузерах — данные поступают из Chrome UX Report и отражают фактический пользовательский опыт, а не лабораторные симуляции.

LCP показывает, через сколько секунд загружается самый крупный видимый элемент страницы — как правило, главное изображение или заголовок. Хороший показатель — до 2,5 с, плохой — свыше 4 с. INP пришёл на смену FID в марте 2024 года и измеряет задержку от любого клика, касания или нажатия клавиши до визуального обновления экрана: норма — до 200 мс. CLS считает суммарный сдвиг элементов при загрузке: когда кнопки и тексты прыгают, потому что картинки подгружаются без зарезервированного места, — это высокий CLS. Норма — менее 0,1.

Основной инструмент проверки — Google PageSpeed Insights. Он показывает оценку по каждой метрике отдельно для мобильных и десктоп-версий и указывает конкретные элементы, которые тянут показатель вниз. В Google Search Console данные агрегируются по всему сайту: видно, сколько URL находится в «хорошей», «требует улучшения» или «плохой» зоне по каждой метрике. SEO-аудиты включают Core Web Vitals как обязательный технический раздел: плохие показатели напрямую снижают видимость в поиске, хорошие — дают преимущество перед конкурентами с аналогичным контентом.

Пример: интернет-магазин публикует главный баннер без явно заданных размеров изображения. При загрузке страницы картинка появляется с задержкой и сдвигает блок с ценой вниз — CLS вырастает до 0,3, норма превышена втрое. Пользователь тянется нажать кнопку «Купить», но она уже уехала — промахивается или уходит. Исправление занимает час: достаточно добавить атрибуты width и height к тегу img. CLS падает до 0,04, страница проходит проверку PageSpeed, и сайт постепенно поднимается в выдаче по конкурентным запросам.