Core Web Vitals — набор из трёх ключевых метрик пользовательского опыта, которые Google использует как фактор ранжирования. Они отражают, насколько быстро страница загружается, отзывчиво реагирует на ввод и стабильно отображается.
Три метрики: LCP (скорость отрисовки крупного элемента), CLS (сдвиг макета), INP (реакция на ввод). Измеряются по реальным пользователям через Chrome User Experience Report. Сильнее всего влияют на мобильные позиции и YMYL-тематики.
Как делать правильно
- тяжёлый JS, блокирующий рендер
- большие неоптимизированные картинки
- сдвиги при загрузке (баннеры, шрифты)
- медленные ответы сервера
- критичный CSS инлайн, остальное async
- WebP / AVIF + lazy loading
- размеры картинок указаны через width/height
- CDN + кеширование на серверной стороне
Эволюция
Интернет-магазин одежды: LCP 5,8 с, CLS 0,38, INP 480 мс — все три в «красной» зоне. Оптимизировали изображения в WebP, заинлайнили critical CSS, добавили width/height на все картинки, оптимизировали JS-обработчики. Через 2 месяца: LCP 1,9 с, CLS 0,06, INP 110 мс. Позиции +12% по мобильным запросам.