Wiki
Web / стек

Core Web Vitals — что это простыми словами

Core Web Vitals — 3 метрики Google для скорости UX: LCP (загрузка), INP (интерактивность), CLS (стабильность). Прямо влияют на ранжирование с 2021.

Core Web Vitals (CWV) — набор из 3 метрик Google, измеряющих реальный пользовательский опыт скорости сайта. С 2021 — фактор ранжирования Google Search. Целевые значения ("Good"):

(1) LCP (Largest Contentful Paint) — время до отрисовки самого большого элемента (обычно hero-картинка / заголовок). Good: < 2.5 сек. Плохо: > 4 сек. Оптимизация — CDN, оптимизация картинок (WebP/AVIF, resizing), `<img loading="eager">` для hero, preload критичных ресурсов.

(2) INP (Interaction to Next Paint) — время реакции на клик/ввод. С 2024 заменило FID. Good: < 200 мс. Плохо: > 500 мс. Оптимизация — уменьшить JS-bundle, code-splitting, web workers для тяжёлых задач, дебаунсинг обработчиков.

(3) CLS (Cumulative Layout Shift) — суммарный "сдвиг" вёрстки после загрузки (реклама вдвинулась → пользователь промазал по кнопке). Good: < 0.1. Плохо: > 0.25. Оптимизация — явные `width`/`height` на `<img>`, `aspect-ratio` для видео, резервирование места для дин-контента.

Замеры: Chrome DevTools → Lighthouse, PageSpeed Insights (pagespeed.web.dev), Google Search Console → Core Web Vitals report (реальные пользовательские данные CrUX за 28 дней).

Частые вопросы

Насколько сильно влияет на ранжирование?
Google говорит: tiebreaker при равном контенте. На практике — не переплюнет топовый контент, но при равной релевантности поднимает позиции на 1-3.
Замеры Lighthouse отличаются от Search Console — почему?
Lighthouse — лабораторный тест (Fast 3G, эмулятор). CrUX в Search Console — реальные пользователи. Верить CrUX.

Смотрите также