Core Web Vitals — это три метрики Google, которые описывают, насколько удобно человеку загружать страницу и пользоваться ей: как быстро появляется главное содержимое (LCP), как быстро страница реагирует на нажатия (INP) и не прыгает ли вёрстка во время загрузки (CLS). Google собирает их у реальных посетителей и учитывает при ранжировании. Для владельца сайта это способ перевести расплывчатое «сайт тормозит» в три конкретные цифры, каждая из которых указывает на свой тип проблем.
- LCP — скорость появления главного: баннера, фото товара, заголовка.
- INP — отзывчивость: сколько ждать реакции на нажатие кнопки или фильтра.
- CLS — стабильность: не сдвигается ли содержимое, пока человек читает или нажимает.
- Оценивается мобильная версия по данным реальных посетителей за последние 28 дней.
LCP, INP и CLS: что это и какую боль описывают
Каждая метрика отвечает на один вопрос, который посетитель задаёт себе неосознанно. Если ответ плохой, человек уходит или ошибается — нажимает не туда, бросает корзину, закрывает рекламную страницу, не дочитав оффер.
| Метрика | Вопрос посетителя | Где болит чаще всего | Хороший уровень |
|---|---|---|---|
| LCP — отрисовка крупнейшего элемента | «Оно вообще грузится?» | Главная со слайдером, карточка товара с большим фото, лендинг с видео | до 2,5 с |
| INP — задержка до следующей отрисовки | «Я нажал — почему ничего не происходит?» | Каталог с фильтром, корзина, мобильное меню, квизы | до 200 мс |
| CLS — совокупный сдвиг макета | «Куда уехала кнопка?» | Страницы с поздними баннерами, виджетами, уведомлениями о cookie | до 0,1 |
Страница проходит оценку, когда у 75% визитов все три метрики в зелёной зоне. Пороги Google публикует в документации и периодически уточняет; в 2024 году, например, метрика отзывчивости INP заменила прежнюю FID. Поэтому ориентируйтесь на актуальные значения в отчётах Google.
LCP: как быстро человек видит главное
LCP фиксирует момент, когда на экране отрисован самый крупный элемент первого экрана. На главной странице это обычно баннер или слайдер, в карточке товара — основное фото, в статье — заголовок или обложка. Пока этот элемент не появился, у посетителя ощущение, что страница не загрузилась, даже если меню и логотип уже на месте.
Типичная картина на сайтах, которые к нам приходят: на главной стоит слайдер из пяти полноразмерных фото в старом формате, и телефон на мобильном интернете скачивает их все, прежде чем покажет первый. Или сервер долго собирает страницу каталога, и браузер секунду-две просто ждёт первый байт.
Как улучшить LCP
- Сократить время ответа сервера: кеширование страниц, оптимизация запросов к базе, более подходящий хостинг.
- Сжать изображение первого экрана, перевести в WebP или AVIF и отдавать размер под экран телефона, а не под монитор.
- Не включать отложенную загрузку для главной картинки первого экрана, наоборот — загружать её с приоритетом.
- Перенести стили и скрипты, которые блокируют отрисовку, ниже или загружать их асинхронно.
- Показывать текст сразу, не дожидаясь загрузки фирменного шрифта.
INP: насколько страница отзывчива
INP измеряет задержку между действием посетителя — нажатием, касанием, вводом с клавиатуры — и моментом, когда на экране появился отклик. Берётся одна из самых медленных реакций за всё время визита. Если человек нажал на фильтр «Размер 42», а список товаров обновился через секунду, именно эта секунда и попадёт в метрику.
Плохой INP почти всегда связан с JavaScript. Браузер не может отреагировать на нажатие, пока занят выполнением тяжёлого скрипта: собственного кода темы, онлайн-чата, виджета обратного звонка, нескольких счётчиков аналитики. На мощном компьютере этого не видно, на бюджетном телефоне задержки становятся заметными.
Что помогает: убрать неиспользуемые скрипты и плагины, загружать сторонние виджеты после основного содержимого или по первому действию пользователя, разбивать тяжёлые обработчики на части, пересчитывать фильтр на сервере, а не перебирать тысячи товаров в браузере.
CLS: стабильность вёрстки
CLS считает, насколько сильно и часто содержимое страницы сдвигается без участия посетителя. Классический случай: человек тянется пальцем к кнопке «Купить», а в этот момент сверху загружается баннер с акцией, всё съезжает вниз, и он нажимает на соседний товар. В карточках магазинов похожее делают поздно подгружаемые блоки рассрочки, отзывы и рекомендации.
Исправляется CLS обычно дешевле двух других метрик. Изображениям и видео задают размеры в вёрстке, чтобы браузер заранее резервировал место. Для баннеров, виджетов и уведомлений выделяют фиксированную область или показывают их поверх содержимого, а не внутри него. Шрифты подключают так, чтобы замена системного шрифта на фирменный не меняла высоту строк.
Core Web Vitals: влияние на SEO
Скорость и удобство страницы — фактор ранжирования Google, особенно для мобильного поиска. Но это не главный фактор: релевантность текста запросу, качество контента и ссылки весят больше. На практике Core Web Vitals работают как дополнительное преимущество между страницами примерно одинакового качества и как фильтр для откровенно медленных сайтов.
ВАЖНОУскорение не заменит SEO, но плохие Core Web Vitals могут обнулить часть его эффекта.
Косвенное влияние часто сильнее прямого. Медленная страница теряет посетителей ещё до того, как они увидели содержимое, а поведение пользователей и конверсия влияют и на продвижение, и на стоимость рекламы. Поэтому в комплексном SEO-продвижении техническая оптимизация, включая скорость, — обязательная часть работ, а не опция.
Где смотреть Core Web Vitals своего сайта
Самый удобный источник — отчёт «Основные интернет-показатели» в Google Search Console. Он группирует страницы с похожими проблемами и показывает, сколько адресов в зелёной, оранжевой и красной зоне на мобильных и на компьютерах. Отсюда видно, что, например, все карточки товаров страдают от плохого LCP, а все статьи — от CLS.
Обратите внимание на разницу между мобильной и десктопной частью отчёта. Нередко на компьютерах всё зелёное, а на телефонах половина страниц в красной зоне. Для ранжирования важнее мобильные данные, поэтому исправления планируют именно под них: под экран телефона, медленный мобильный интернет и не самый мощный процессор.
Если страниц в отчёте мало или данных нет, это значит, что у сайта недостаточно визитов из Chrome. Тогда ориентируйтесь на лабораторные замеры по ключевым шаблонам страниц и повторяйте их после каждого заметного изменения сайта. Сколько обычно стоит довести такие показатели до нормы и от чего зависит итог, мы разбирали в статье о стоимости ускорения сайта.
Для отдельной страницы используйте PageSpeed Insights: верхний блок — данные реальных пользователей, нижний — лабораторный тест с подсказками. Помните, что реальные данные накапливаются за 28 дней: после исправлений лабораторный тест покажет улучшение сразу, а отчёт Search Console — через несколько недель.
Какие работы улучшают Core Web Vitals
- Замер по типам страницГлавная, каталог, карточка, посадочные — по данным реальных пользователей и лабораторным тестам.
- Сервер и кешВремя ответа, кеширование страниц и данных, CDN для статики — влияет прежде всего на LCP.
- Изображения и шрифтыСовременные форматы, размеры под экраны, приоритет главной картинки, корректная загрузка шрифтов — LCP и CLS.
- СкриптыУдаление лишнего, отложенная загрузка виджетов и счётчиков, оптимизация собственного кода — INP.
- ВёрсткаРазмеры медиа, место под баннеры и динамические блоки — CLS.
- Повторный замер и мониторингОтчёт до и после и контроль, чтобы новые виджеты не вернули проблему.
Выведем Core Web Vitals в зелёную зону без редизайна: оптимизируем код, изображения, кеш и сервер и отчитаемся метриками до и после.
Рассчитать за 1 деньЧто делать дальше
Откройте отчёт «Основные интернет-показатели» в Search Console и посмотрите, какая метрика и на каких группах страниц в красной зоне. Если проблема в LCP — начинайте с сервера и картинок первого экрана, в INP — со скриптов, в CLS — с вёрстки баннеров и медиа. Если непонятно, откуда берутся проблемы, или позиции падают без видимой причины, начните с SEO-аудита: скорость в нём разбирается по типам страниц вместе с индексацией и мобильной версией. А ускорение сайта под ключ у нас стоит от 150 000 ₸ и занимает около недели, с отчётом по PageSpeed и Core Web Vitals.
Core Web Vitals — что это простыми словами?
Три метрики Google: как быстро появляется главное содержимое страницы, как быстро она реагирует на нажатия и не прыгает ли вёрстка при загрузке. Их собирают у реальных посетителей.
Как улучшить LCP?
Ускорить ответ сервера, сжать и перевести в современный формат картинку первого экрана, загружать её с приоритетом и убрать стили и скрипты, которые блокируют отрисовку.
Сильно ли Core Web Vitals влияют на SEO?
Это фактор ранжирования, но не главный: контент и ссылки важнее. Зато медленный сайт теряет посетителей и конверсию, что бьёт и по продвижению, и по рекламе.
Почему после исправлений отчёт Search Console не меняется?
Он строится по данным реальных пользователей за 28 дней. Улучшение появляется постепенно, по мере накопления новых визитов, обычно в течение нескольких недель.
