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

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

Метрик три, и у каждой пугающая аббревиатура. На деле всё измеримо и понятно.

Три метрики по-человечески

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

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

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

Где посмотреть свои цифры

Первый инструмент — PageSpeed Insights. Вставляете адрес страницы и получаете оценку с разбивкой по всем трём метрикам, отдельно для телефонов и компьютеров. Смотрите в первую очередь на блок «Данные реальных пользователей» — это статистика настоящих посетителей из Chrome, а не лабораторный замер.

Второй — Google Search Console, отчёт «Основные интернет-показатели». Он удобен тем, что показывает картину по всему сайту сразу: сколько страниц в зелёной зоне, сколько в жёлтой и красной. Проверять каждую из 500 страниц руками не придётся.

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

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

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

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

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

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

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