Core Web Vitals в 2026: как оптимизировать LCP, INP и CLS

Глеб Волков
5 июня 2025 г.
8 мин чтения

Core Web Vitals — три метрики Google для оценки пользовательского опыта: LCP, INP и CLS. Разбираем пороги, инструменты измерения и практические способы улучшить каждую метрику.

Как оптимизировать сайт для Core Web Vitals Google

Core Web Vitals — это три показателя, которыми Google измеряет реальный пользовательский опыт: скорость загрузки, стабильность вёрстки и отзывчивость на действия. Они входят в сигналы ранжирования, но, что важнее, напрямую влияют на отказы и конверсии: медленный, «прыгающий» сайт теряет посетителей независимо от позиций. В этом руководстве — что означает каждая метрика, какие пороги считаются хорошими и как их улучшить.

Три метрики Core Web Vitals

LCP — Largest Contentful Paint (скорость загрузки)

Время, за которое отрисовывается самый крупный видимый элемент (обычно главное изображение или заголовок).

  • Хорошо: до 2,5 сек
  • Требует улучшения: 2,5–4 сек
  • Плохо: больше 4 сек

INP — Interaction to Next Paint (отзывчивость)

Насколько быстро страница реагирует на действия пользователя. В 2024 году INP заменил прежнюю метрику FID и оценивает отзывчивость строже.

  • Хорошо: до 200 мс
  • Требует улучшения: 200–500 мс
  • Плохо: больше 500 мс

CLS — Cumulative Layout Shift (стабильность вёрстки)

Насколько элементы «прыгают» во время загрузки. Высокий CLS — это когда вы промахиваетесь по кнопке, потому что контент сдвинулся.

  • Хорошо: до 0,1
  • Требует улучшения: 0,1–0,25
  • Плохо: больше 0,25

Как измерить Core Web Vitals

  • PageSpeed Insights — оценка конкретной страницы и лабораторные, и полевые данные.
  • Google Search Console → отчёт «Основные интернет-показатели» — данные реальных пользователей по всему сайту, сгруппированные по проблемам.
  • Chrome DevTools (Lighthouse) — диагностика в процессе разработки.

Ориентируйтесь на полевые данные (реальные пользователи), а не только на лабораторные — именно их учитывает Google.

Как улучшить каждую метрику

Улучшаем LCP

  • Оптимизируйте и сжимайте изображения, используйте современные форматы (WebP, AVIF).
  • Подключите кеширование и CDN.
  • Уберите тяжёлые скрипты, блокирующие отрисовку.
  • Используйте preload для ключевого изображения и шрифтов.

Улучшаем INP

  • Сократите и разбейте тяжёлый JavaScript.
  • Убирайте лишние сторонние скрипты (виджеты, трекеры).
  • Откладывайте некритичные задачи, чтобы основной поток оставался свободным.

Улучшаем CLS

  • Задавайте явные размеры (width/height) для изображений и видео.
  • Резервируйте место под рекламу и встраиваемые блоки.
  • Не вставляйте контент над уже загруженным.
  • Подключайте шрифты так, чтобы не было скачка при подмене.

Почему это важно

Core Web Vitals влияют не только на ранжирование, но и на поведенческие факторы: быстрый и стабильный сайт удерживает пользователей дольше и снижает отказы. Чтобы проверить, как изменения в скорости и вёрстке сказываются на глубине просмотра и времени на сайте под контролируемой нагрузкой, можно прогнать тесты через генератор трафика, не дожидаясь месяцами органического объёма.

Итог

Хорошие Core Web Vitals — это LCP до 2,5 сек, INP до 200 мс и CLS до 0,1. Измеряйте по полевым данным в Search Console, работайте с каждой метрикой отдельно — изображения и кеш для LCP, лёгкий JavaScript для INP, стабильная вёрстка для CLS. Это улучшит и позиции, и поведение пользователей одновременно.

Часто задаваемые вопросы

Что такое Core Web Vitals? Три метрики Google, оценивающие пользовательский опыт: LCP (скорость загрузки), INP (отзывчивость) и CLS (стабильность вёрстки).

Какие значения Core Web Vitals считаются хорошими? LCP — до 2,5 секунд, INP — до 200 мс, CLS — до 0,1. Ориентироваться нужно на полевые данные реальных пользователей.

Влияют ли Core Web Vitals на SEO? Да, это часть сигналов ранжирования. Но сильнее всего они влияют косвенно — через отказы и поведенческие факторы: медленный сайт теряет посетителей.

Чем INP отличается от FID? INP заменил FID в 2024 году и измеряет отзывчивость строже — по всем взаимодействиям на странице, а не только по первому.

Как быстро проверить Core Web Vitals сайта? Через PageSpeed Insights для отдельной страницы и отчёт «Основные интернет-показатели» в Google Search Console — для всего сайта по реальным пользователям.

Похожие статьи