Core Web Vitals в 2026: что изменилось
Google продолжает усиливать влияние Core Web Vitals на ранжирование. В 2026 году INP (Interaction to Next Paint) полностью заменил FID, а требования к LCP и CLS стали строже. Сайты с хорошими показателями получают преимущество в 5-15% позиций.
Три ключевые метрики
LCP (Largest Contentful Paint)
Время отрисовки самого крупного видимого элемента. Целевое значение – менее 2.5 секунд.
Что обычно является LCP-элементом:
- Hero-изображение или баннер
- Крупный блок текста (заголовок H1)
- Видео-постер
- Фоновое изображение через CSS
INP (Interaction to Next Paint)
Задержка между действием пользователя и визуальным откликом. Целевое значение – менее 200 мс.
INP – это самая сложная метрика для оптимизации, потому что она зависит от всего JavaScript на странице. Каждый тяжёлый скрипт потенциально ухудшает INP.
CLS (Cumulative Layout Shift)
Визуальная стабильность – сколько элементов «прыгает» при загрузке. Целевое значение – менее 0.1.
Техники оптимизации LCP
- Preload критических ресурсов – добавьте <link rel="preload"> для LCP-изображения
- Оптимизация изображений – WebP/AVIF, responsive images, lazy loading (кроме LCP)
- CDN – раздавайте статику с ближайшего сервера
- Server-Side Rendering – отдавайте готовый HTML вместо пустой страницы + JS
- Минимизация CSS – inline critical CSS, defer non-critical
Техники оптимизации INP
- Code splitting – загружайте только нужный JavaScript
- Web Workers – выносите тяжёлые вычисления в отдельный поток
- Debounce/Throttle – ограничивайте частоту обработки событий
- requestIdleCallback – откладывайте несрочные задачи
- Виртуализация списков – для длинных списков используйте react-window
Техники оптимизации CLS
- Задавайте width и height для всех изображений и iframe
- Используйте CSS aspect-ratio для медиа-контейнеров
- Резервируйте место для динамического контента (скелетоны)
- Избегайте вставки контента выше текущего viewport
- Используйте font-display: swap с size-adjust для шрифтов
Инструменты мониторинга
| Инструмент | Тип данных | Лучше всего для |
|---|---|---|
| PageSpeed Insights | Lab + Field | Быстрая проверка отдельных страниц |
| Chrome DevTools | Lab | Детальная диагностика |
| CrUX Dashboard | Field | Исторические данные реальных пользователей |
| Web Vitals Extension | Lab | Мониторинг в реальном времени |
| Search Console | Field | Статус Core Web Vitals по всему сайту |
Влияние на SEO и конверсию
Исследования показывают прямую связь между Core Web Vitals и бизнес-метриками:
- Улучшение LCP на 1 секунду → +8% конверсии
- Хороший INP → -24% показателя отказов
- CLS < 0.1 → +15% длительности сессии
Заключение
Оптимизация Core Web Vitals – это не разовый проект, а постоянный процесс. Мониторьте метрики регулярно, тестируйте на реальных устройствах и помните: скорость – это UX, а UX – это деньги.
