Core Web Vitals 2026: полное руководство

Коротко. Core Web Vitals в 2026 году — это три метрики реального опыта пользователя: LCP < 2,5 с (PageSpeed анализ основного контента), INP < 200 мс (отзывчивость на взаимодействия, заменил FID в марте 2024) и CLS < 0,1 (визуальная стабильность). Все три оцениваются на 75-м перцентиле реальных посетителей и входят в факторы ранжирования Google. Лабораторные тесты дают приближение, но решает «полевая» статистика.

Что такое Core Web Vitals

Это подмножество метрик инициативы Web Vitals от Google, которые отражают качество загрузки, интерактивности и визуальной стабильности. В отличие от технических метрик вроде TTFB, они ориентированы на пользователя: измеряют то, что человек реально ощущает на странице.

Хорошие Core Web Vitals — не самоцель ради SEO. Это прокси для удовлетворённости пользователя: быстрый, отзывчивый и стабильный интерфейс конвертирует лучше.

Три метрики и их пороги

LCP: скорость загрузки контента

Largest Contentful Paint измеряет время до отрисовки самого крупного видимого элемента — обычно это hero-изображение или крупный блок текста. Частые причины медленного LCP: долгий TTFB, тяжёлые незаоптимизированные изображения, блокирующий рендеринг CSS/JS, отсутствие приоритизации ресурсов.

• Оптимизируйте и сжимайте изображения, используйте современные форматы.
• Применяйте fetchpriority="high" для LCP-элемента.
• Устраняйте render-blocking ресурсы, инлайните критический CSS.
• Ускоряйте ответ сервера (кеш, CDN).

INP: отзывчивость интерфейса

Interaction to Next Paint заменил FID и оценивает все взаимодействия за сессию, беря самое медленное. Складывается из input delay, времени обработки и presentation delay. Подробный разбор — в статье INP в Core Web Vitals. Чтобы улучшить: дробите длинные задачи, выносите вычисления в Web Workers, минимизируйте ререндеры.

CLS: визуальная стабильность

Cumulative Layout Shift измеряет неожиданные сдвиги контента во время загрузки — когда кнопка «прыгает» под палец пользователя. Чтобы держать CLS низким:

1. Указывайте размеры (width/height) для изображений и видео.
2. Резервируйте место под рекламу и встраиваемые блоки.
3. Избегайте вставки контента над уже загруженным.
4. Используйте font-display: optional или предзагрузку шрифтов, чтобы избежать сдвига текста.

Лаборатория против поля

Лабораторные данные (Lighthouse) воспроизводимы, но не отражают реальные устройства и сети. «Полевые» данные (CrUX, RUM) показывают, что испытывают настоящие пользователи. Google ранжирует по полевым данным. Поэтому одного Lighthouse мало — нужен реальный мониторинг сайтов.

Как замерить метрики

Базовую серверную скорость, влияющую на LCP, можно быстро проверить через curl:

curl -s -o /dev/null -w "TTFB: %{time_starttransfer}s\ntotal: %{time_total}s\nsize: %{size_download} bytes\n" https://example.com/

В браузере LCP снимается через PerformanceObserver:

new PerformanceObserver((list) => {
  const entries = list.getEntries();
  const lcp = entries[entries.length - 1];
  console.log('LCP:', Math.round(lcp.startTime), 'ms');
}).observe({ type: 'largest-contentful-paint', buffered: true });

FAQ

Какие три Core Web Vitals в 2026?

LCP (загрузка, ≤ 2,5 с), INP (отзывчивость, ≤ 200 мс) и CLS (стабильность, ≤ 0,1). INP заменил FID в марте 2024 года.

Влияют ли Core Web Vitals на ранжирование?

Да, это подтверждённый фактор ранжирования Google, оцениваемый по полевым данным реальных пользователей на 75-м перцентиле.

Чем поле отличается от лаборатории?

Лаборатория (Lighthouse) — синтетический воспроизводимый тест. Поле (CrUX/RUM) — данные от реальных посетителей. Ранжирование основано на полевых данных.

Достаточно ли Lighthouse для оценки?

Нет. Lighthouse полезен для отладки, но финальную оценку даёт реальный мониторинг (RUM/CrUX) на живой аудитории.

Измерьте Core Web Vitals своей страницы на инструменте проверки скорости enterno.io — он показывает LCP, INP, CLS и подсказывает узкие места. enterno.io также собирает реальные Web Vitals через RUM. Пригодятся сканер безопасности и HTTP-чекер.