Core Web Vitals — это три метрики, которыми Google измеряет удобство сайта для реальных пользователей: скорость появления контента, отзывчивость на действия и стабильность вёрстки. Они влияют на ранжирование и, что важнее, напрямую отражают опыт посетителя.
Названия метрик пугают аббревиатурами, но суть каждой можно объяснить одной фразой. Разберём все три и посмотрим, что делать с плохими значениями.
LCP: как быстро появляется главное
Largest Contentful Paint — время, за которое на экране появляется самый крупный элемент первого экрана: обычно баннер, фото товара или заголовок. Хорошим считается значение до 2,5 секунды. Если LCP большой, пользователь смотрит на пустую страницу и уходит.
Типичные причины плохого LCP: медленный ответ сервера, тяжёлое изображение в шапке, блокирующие скрипты и стили, шрифты, которые грузятся раньше контента.
INP: как быстро сайт реагирует на действия
Interaction to Next Paint оценивает отзывчивость: сколько времени проходит между действием пользователя — кликом, нажатием клавиши — и видимой реакцией интерфейса. Цель — до 200 миллисекунд. Виновники задержек почти всегда одни и те же: тяжёлый JavaScript, который занимает главный поток браузера.
CLS: не прыгает ли вёрстка
Cumulative Layout Shift измеряет сдвиги макета: когда контент уже виден, но внезапно подгрузившийся баннер или картинка сдвигает его, и вы промахиваетесь мимо кнопки. Хорошее значение — до 0,1. Лечится просто: у изображений, видео и рекламных блоков должны быть заранее заданы размеры.
Где смотреть свои показатели
Самый доступный инструмент — PageSpeed Insights: он показывает и полевые данные реальных пользователей из отчёта CrUX, и лабораторный замер с подсказками. Данные по всему сайту удобно смотреть в Google Search Console в отчёте о качестве страниц.
Что делать с красной зоной
Не пытайтесь чинить всё сразу. Определите, какая метрика проседает и на каких шаблонах страниц, — и работайте с конкретной причиной. Чаще всего наибольший эффект дают оптимизация изображений, сокращение стороннего кода и кэширование на сервере.
Коротко
Core Web Vitals — это не про «угодить Google», а про то, чтобы сайтом было приятно пользоваться. Если метрики в красной зоне и непонятно, с чего начать, — мы диагностируем причины и приведём показатели в порядок в рамках модернизации сайта.