Core Web Vitals — это набор из 3 метрик Google для оценки пользовательского опыта, простыми словами — техническая оценка скорости и стабильности страницы. Google анонсировал их в мае 2020 года, а с июня 2021 сделал официальным сигналом ранжирования в рамках Page Experience Update.
В марте 2024 метрика FID была заменена на INP (Interaction to Next Paint), что сделало оценку отзывчивости строже. Данные собираются в реальном поле через CrUX (Chrome User Experience Report) и видны в Search Console — это значит, что на ранжирование влияют реальные пользователи, а не лабораторные тесты PageSpeed Insights.
§ 01Как считается
Основные веб-показатели (Core Web Vitals) считаются по 75-му перцентилю реальных визитов за последние 28 дней. Пороги хорошего значения: LCP ≤ 2.5 с (загрузка крупнейшего элемента), INP ≤ 200 мс (отклик на взаимодействие), CLS ≤ 0.1 (сдвиг макета). Если страница на мобильных и десктопе укладывается в эти значения у 75% пользователей — она проходит проверку. Данные берутся из CrUX, агрегирующего телеметрию Chrome.
§ 02Зачем нужно
Джон Мюллер из Google неоднократно подтверждал в 2022–2023: при равном качестве контента CWV становится тай-брейкером в выдаче. Что это значит на практике — медленный сайт с LCP 4 секунды проиграет конкуренту с 2 секундами. Помимо ранжирования, основные веб-показатели напрямую коррелируют с конверсией: исследование Deloitte 2020 года показало рост конверсии на 8% при ускорении мобильной загрузки на 0.1 секунды.
LCP 4.2 → 2.1 c — Интернет-магазин мебели на Magento 2 сжал hero-баннер с 820kb до 145kb через WebP и preload, добавил fetchpriority=high. LCP упал с 4.2 до 2.1 с за 6 недель, конверсия выросла на 14%. Замер через PSI и CrUX-75th.
INP 380 → 120 мс — B2B SaaS-платформа на React с MRR $180k разбила тяжёлый bundle через code-splitting и вынесла аналитику в web worker. INP в дашборде упал с 380 до 120 мс за 2 месяца. Динамика отслеживалась в Search Console и Sentry Performance.
§ 03Как измерить
Field-данные смотрят в Search Console (отчёт Core Web Vitals) и PageSpeed Insights — там реальная статистика из CrUX. Лабораторные замеры делают через Lighthouse, WebPageTest, расширение Web Vitals для Chrome. Для постоянного мониторинга подключают web-vitals.js от Google и шлют события в GA4 или Looker Studio. Отличается лабораторный замер от полевого тем, что первый показывает потенциал, второй — реальность.
§ 04Что делать дальше
Оптимизация LCP начинается с preload hero-изображения, fetchpriority=high и сжатия в AVIF/WebP. Для INP убирают тяжёлые JS-задачи длиннее 50 мс, дробят работу через scheduler.yield() (доступен в Chrome 129+). CLS чинят резервированием места под изображения через width/height и aspect-ratio в CSS. После правок ждут 28 дней пересчёта в CrUX — раньше изменения в Search Console не появятся.