Core Web Vitals: как скорость стала фактором ранжирования

Core Web Vitals — это три показателя, которыми Google измеряет, насколько удобно человеку пользоваться страницей: как быстро появляется главный контент (LCP), как быстро сайт отвечает на действия (INP) и не прыгает ли вёрстка (CLS). Google учитывает их при ранжировании, но как один из многих сигналов: зелёные метрики сами в ТОП не выведут, а красные способны удерживать сайт ниже конкурентов. Ниже разберём, что означает каждая метрика, какие значения считаются нормой, где смотреть свои цифры и что обычно их портит.

Как скорость стала фактором ранжирования

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

У Яндекса формального аналога нет, но медленные сайты он тоже не жалует: пользователи с них уходят, а поведенческие факторы у Яндекса в почёте. Так что работа над этими метриками полезна в обоих поисковиках, просто в Google связь прямая, а в Яндексе — через поведение посетителей.

Набор метрик не высечен в камне. В 2024 году Google заменил показатель FID, измерявший задержку только первого нажатия, на INP, который оценивает отклик на протяжении всего визита. Если в старом отчёте или статье вам встречается FID — это уже история.

Три метрики и их пороги

Метрик три, и у каждой пугающая аббревиатура. На деле всё измеримо и понятно. Для каждой Google задаёт две границы: до первой результат считается хорошим, после второй — плохим.

Страница считается прошедшей проверку, когда в «хорошую» зону попадают как минимум три четверти визитов по каждой метрике. То есть ориентир — не средний посетитель с быстрым интернетом, а человек с недорогим телефоном и слабой связью.

LCP: когда появляется главное

LCP (Largest Contentful Paint) — через сколько секунд посетитель видит главный контент страницы: большую картинку, заголовок, первый экран. Норма — до 2,5 секунды. Если баннер на главной грузится шесть секунд, человек смотрит на белый экран и часто не дожидается.

INP: как быстро сайт отвечает

INP (Interaction to Next Paint) — как быстро сайт отзывается на действия. Нажали кнопку «В корзину» — и что? Если отклик дольше 200 миллисекунд, интерфейс ощущается «ватным». Посетитель жмёт ещё раз, злится, добавляет товар дважды.

CLS: не прыгает ли страница

CLS (Cumulative Layout Shift) — не прыгает ли вёрстка во время загрузки. Знакомая ситуация: целитесь пальцем в «Читать далее», в этот момент сверху догружается баннер, всё съезжает — и вы попадаете в рекламу. Вот это CLS и измеряет. Это не секунды, а условный балл: чем больше элементов сдвинулось и чем дальше, тем он выше. Норма — меньше 0,1.

Лабораторные и реальные данные: в чём разница

Это главное, что нужно понять, прежде чем открывать отчёты. Цифры бывают двух видов, и они часто не совпадают.

• Реальные (полевые) данные. Статистика настоящих посетителей, которую собирает браузер Chrome. Именно её Google использует при ранжировании. Накапливается за последние 28 дней.
• Лабораторные данные. Разовый замер: сервис открывает страницу на условном телефоне с условным интернетом и считает показатели. Удобно для поиска причин, но на позиции напрямую не влияет.

Отсюда два практических вывода. Первый: не гонитесь за 100 баллами в PageSpeed. Это лабораторная оценка, и разница между 85 и 98 баллами на позициях почти не сказывается. Значение имеет переход из красной зоны в зелёную по реальным данным.

Второй: учитывайте инерцию. Вы починили сайт сегодня, а отчёт в Search Console позеленеет только через месяц. Мы предупреждаем об этом клиентов заранее, иначе через неделю начинается «вы же всё исправили, а цифры те же».

Где посмотреть свои показатели

1. PageSpeed Insights. Вставляете адрес страницы и получаете оценку с разбивкой по всем трём метрикам, отдельно для телефонов и компьютеров. Смотрите в первую очередь на блок с данными реальных пользователей — он вверху отчёта.
2. Google Search Console, отчёт «Основные интернет-показатели». Показывает картину по всему сайту сразу: сколько страниц в зелёной зоне, сколько в жёлтой и красной. Проверять каждую из 500 страниц руками не придётся.
3. Яндекс Метрика. В отчётах о времени загрузки страниц видно, как быстро сайт открывается у ваших посетителей. Это не Core Web Vitals, но хороший способ найти медленные страницы и проблемные устройства.
4. Инструменты разработчика в браузере. Вкладка Lighthouse в Chrome делает тот же лабораторный замер, что и PageSpeed, прямо на вашем компьютере — удобно проверять правки до публикации.

Проверяйте не только главную. Посетители из поиска и рекламы чаще приходят на карточки товаров, страницы услуг и статьи — у них другой набор картинок и скриптов, и цифры могут отличаться в разы. Достаточно взять по одной-две страницы каждого типа.

И смотрите в первую очередь мобильные показатели. Google оценивает сайт по мобильной версии, да и большинство посетителей сегодня приходит с телефона. Почему мобильная версия важнее десктопной, мы писали в статье про адаптивную вёрстку.

Что чаще всего портит показатели

По нашей практике аудитов, топ виновников из года в год один и тот же.

• Тяжёлые картинки: фото с телефона на 4 МБ, вставленное в баннер как есть. Одна такая картинка легко удваивает LCP.
• Шрифты, которые грузятся с внешних сервисов и блокируют отрисовку текста.
• Чужие скрипты — онлайн-чаты, виджеты обратного звонка, три системы аналитики одновременно. Каждый по отдельности «лёгкий», вместе — гиря на ноге у INP.
• Слабый хостинг: сервер отдаёт первый байт за полторы секунды, и дальше уже ничего не спасёт.

Как сжимать и в каком формате хранить изображения, мы подробно разобрали в материале про оптимизацию картинок. Если сервер долго отвечает ещё до начала загрузки страницы, стоит проверить тариф и диски — об этом статья про NVMe-хостинг.

Пример: как три правки вывели сайт из красной зоны

Показательный случай из практики. Клиент — доставка еды, сайт в красной зоне, LCP на мобильных 5,8 секунды. Виноватыми оказались слайдер из восьми несжатых фотографий и четыре сторонних виджета: онлайн-чат, квиз, рекламный пиксель и сервис всплывающих окон, каждый со своим скриптом.

Сжали картинки в WebP, оставили один чат с отложенной загрузкой, перенесли сайт на NVMe-хостинг. LCP упал до 2,1 секунды, и за следующие два месяца мобильный трафик из Google вырос на 23% — без единой правки текстов. Это результат одного проекта, а не обещание: у сайта, где скорость и так была в норме, такого эффекта не будет.

Сам порядок работ — с чего начинать ускорение и что даёт наибольший эффект — описан в чек-листе как ускорить сайт.

Насколько метрики влияют на позиции на самом деле

Честный ответ: умеренно. Главным для поиска остаётся содержание — отвечает ли страница на запрос. Быстрый сайт с пустым текстом не обгонит медленный с полезным. Скорость работает как решающий довод при прочих равных: когда у двух сайтов сопоставимое содержание, выше окажется тот, которым удобнее пользоваться.

Core Web Vitals — не магия, а гигиена. Сами по себе зелёные метрики в ТОП не выведут, но красные вполне способны удерживать сайт ниже конкурентов при прочих равных.

Зато на деньги скорость влияет напрямую и без посредничества поисковиков. Посетитель, который не дождался загрузки, не оставит заявку, сколько бы вы ни заплатили за его клик в рекламе. Поэтому чинить красные метрики стоит, даже если SEO вас сейчас не интересует. Если же позиции не растут при нормальной скорости, причину стоит искать в другом — например, среди тех, что перечислены в статье почему сайт не в ТОПе.

Частые ошибки при работе с Core Web Vitals

• Гонка за сотней баллов. Неделя работы программиста ради перехода с 92 на 99 ничего не даёт ни посетителям, ни позициям.
• Проверка только главной страницы. Главная может быть зелёной, а карточки товаров, на которые идёт основной трафик, — красными.
• Замер только с компьютера. На мощном ноутбуке с проводным интернетом быстро работает почти любой сайт.
• Оценка результата на следующий день. Реальные данные обновляются с задержкой до 28 дней, лабораторный замер покажет изменения сразу.
• Новые виджеты без замера. Каждый добавленный чат, попап или счётчик стоит проверять: после установки показатели нередко уходят из зелёной зоны.
• Ускорение «плагином в один клик». Плагины кэширования помогают, но не исправят пятимегабайтный баннер и десяток сторонних скриптов.

Чек-лист: что проверить владельцу сайта

• Главная, страница услуги или товара и статья проверены в PageSpeed Insights на мобильных.
• В отчёте есть данные реальных пользователей, и вы смотрите именно на них.
• В Search Console открыт отчёт об основных интернет-показателях, красных страниц нет или они известны.
• Понятно, какая метрика хуже остальных и на каком типе страниц.
• Картинки первого экрана сжаты и переведены в современный формат.
• Составлен список сторонних виджетов, лишние отключены.
• Время ответа сервера проверено, хостинг не является узким местом.
• После правок назначена повторная проверка через месяц.

Коротко

Core Web Vitals — три метрики удобства: LCP до 2,5 секунды, INP до 200 миллисекунд, CLS до 0,1. Google учитывает реальные данные посетителей за 28 дней, в первую очередь мобильные. Цель — не сто баллов в PageSpeed, а зелёная зона на страницах, куда приходит трафик.

Если хотите узнать, теряет ли ваш сайт позиции из-за скорости, — напишите в CasperLab: замерим реальные показатели в рамках аудита для продвижения сайта и скажем честно, есть ли что чинить.