Core Web Vitals — это три показателя, по которым Google и Яндекс оценивают, насколько комфортно пользователю на вашем сайте. Не просто «быстро или медленно», а конкретнее: быстро ли появляется контент, не прыгает ли страница при загрузке, реагирует ли сайт на нажатия.
Три метрики
LCP (Largest Contentful Paint) — время до появления основного контента на экране. Хорошо: до 2,5 сек. Плохо: больше 4 сек. Это обычно главная картинка или крупный текстовый блок. Если LCP высокий — скорее всего, тяжёлое изображение или медленный сервер.
CLS (Cumulative Layout Shift) — визуальная стабильность. Знаете ситуацию: вы читаете текст, и вдруг он «уезжает» вниз, потому что загрузился рекламный баннер или картинка без указанных размеров? Это и есть CLS. Хорошо: до 0,1. Плохо: больше 0,25.
INP (Interaction to Next Paint) — отзывчивость. Как быстро сайт реагирует на нажатие кнопки или клик. Хорошо: до 200 мс. Плохо: больше 500 мс. Проблема обычно в тяжёлом JavaScript.
Как проверить
Google PageSpeed Insights (pagespeed.web.dev) — вводите URL, получаете оценку по всем трём метрикам. Наш сервис проверки скорости также измеряет Core Web Vitals и объясняет результаты понятным языком.
Как улучшить LCP
Оптимизируйте главное изображение первого экрана: сожмите, переведите в WebP, добавьте preload. Включите серверное сжатие (gzip/brotli). Используйте быстрый хостинг с TTFB менее 200 мс.
Как улучшить CLS
Укажите размеры для всех изображений и видео (width и height). Зарезервируйте место для рекламных блоков. Не вставляйте контент динамически выше уже видимого текста. Используйте font-display: swap для шрифтов.
Как улучшить INP
Разбейте тяжёлые JavaScript-задачи на мелкие. Используйте debounce для обработчиков событий. Минимизируйте количество и размер JS-файлов. Отложите некритичные скрипты.
Не уверены, какие метрики проседают у вас? Проверьте скорость загрузки — сервис замерит все три показателя и покажет, что конкретно исправить.
