Главная Статьи Оптимизация

Core Web Vitals простым языком: LCP, INP и CLS

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

Что такое Core Web Vitals

Это набор из трёх метрик реального пользовательского опыта, который Google использует как фактор ранжирования. В отличие от общей «скорости загрузки», они описывают конкретные ощущения: успел ли контент показаться, не тормозит ли страница в ответ на клик и не съезжает ли вёрстка под пальцем. Google собирает их по реальным посетителям (данные CrUX), поэтому это не лабораторная цифра, а то, что чувствуют люди.

LCP
Загрузка контента
≤2.5с2.5–4с>4с
Largest Contentful Paint — за сколько показывается основной блок (обычно картинка или заголовок).
INP
Отзывчивость
≤200мс200–500>500
Interaction to Next Paint — за сколько страница реагирует на клик или ввод. В 2024 заменил FID.
CLS
Стабильность вёрстки
≤0.10.1–0.25>0.25
Cumulative Layout Shift — насколько элементы «прыгают» во время загрузки.

LCP — скорость показа контента

LCP измеряет, за сколько секунд пользователь видит главный элемент экрана. Норма — до 2,5 секунды. Чаще всего «виновники» медленного LCP — тяжёлые картинки, медленный сервер и блокирующие скрипты. Что помогает: сжать и перевести изображения в современные форматы (WebP/AVIF), включить кэширование и сжатие, использовать быстрый хостинг и CDN, убрать рендер-блокирующий CSS/JS.

INP — отзывчивость на действия

INP показывает, как быстро страница откликается на взаимодействие: нажал кнопку — через сколько что-то произошло. Норма — до 200 мс. Тормозит обычно тяжёлый JavaScript, который «занимает» браузер. Что помогает: уменьшить и разбить JS, убрать лишние сторонние скрипты (виджеты, счётчики), не выполнять тяжёлые вычисления в момент клика.

CLS — стабильность вёрстки

CLS ловит раздражающий эффект, когда вы целитесь в кнопку, а страница в этот момент «дёргается» и вы попадаете не туда. Норма — до 0,1. Причины: картинки и рекламные блоки без заданных размеров, шрифты, подгружаемые с задержкой, контент, вставляемый сверху. Что помогает: задавать width и height у картинок и видео, резервировать место под рекламу и баннеры, аккуратно подключать шрифты.

🛠
Многое из этого проверяет наш анализ сайта (lazy-load, размеры картинок, WebP, сжатие). Ускорить страницу помогут сжатие изображений, минификатор кода и проверка скорости загрузки.

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

Есть два типа данных. Лабораторные (на одном прогоне) показывает PageSpeed Insights и вкладка Lighthouse в браузере — удобно для отладки. Полевые (по реальным пользователям) собираются в Google Search Console в отчёте «Основные интернет-показатели» и в CrUX — именно они влияют на ранжирование. Ориентируйтесь на полевые данные за последние 28 дней.

Влияют ли они на позиции

Да, но в меру. Core Web Vitals — один из факторов ранжирования Google, а не главный: отличная скорость не выведет в ТОП слабой контент, но при прочих равных более быстрый и удобный сайт получает преимущество. Главное — это реальная польза для пользователя: быстрый отзывчивый сайт удерживает посетителей и повышает конверсию, а это уже улучшает поведенческие факторы и в Яндексе.

Коротко

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

Частые вопросы

Что такое Core Web Vitals простыми словами?
Это три показателя удобства сайта от Google: LCP — как быстро показывается основной контент, INP — как быстро страница реагирует на клики, CLS — насколько стабильна вёрстка (не «прыгает» ли). Они измеряются по реальным пользователям и влияют на ранжирование.
Какие нормы у LCP, INP и CLS?
Хорошие значения: LCP — до 2,5 секунды, INP — до 200 миллисекунд, CLS — до 0,1. Выше этих порогов — «требует улучшения» или «плохо».
Чем INP отличается от FID?
INP (Interaction to Next Paint) в марте 2024 года заменил устаревшую метрику FID. INP точнее: он измеряет отзывчивость на протяжении всего визита, а не только на первое взаимодействие.
Как улучшить Core Web Vitals?
Для LCP — сжать картинки, перейти на WebP/AVIF, включить кэширование и быстрый хостинг. Для INP — уменьшить и разбить JavaScript, убрать лишние сторонние скрипты. Для CLS — задавать width/height у картинок и резервировать место под рекламу.
Сильно ли Core Web Vitals влияют на позиции?
Это один из факторов ранжирования Google, но не решающий: хорошая скорость не компенсирует слабый контент. Однако при прочих равных быстрый и удобный сайт выигрывает, а ещё лучше удерживает пользователей и повышает конверсию.