Core Web Vitals: что это и как улучшить показатели сайта

Core Web Vitals простыми словами

Представьте клиента из Самарканда, который открывает ваш каталог по ссылке из Instagram, стоя в маршрутке с нестабильным мобильным интернетом. Фото грузится долго, кнопка «Заказать» не нажимается, а текст дёргается вверх-вниз. Через несколько секунд он закрывает вкладку и идёт к конкуренту. Core Web Vitals превращают это ощущение в три измеримых показателя.

Они входят в число сигналов, по которым Google оценивает страницы, но это лишь один из многих сигналов. Для бизнеса они важны не только ради позиций, но и ради заявок: быстрая и стабильная страница чаще доводит человека до звонка, сообщения в Telegram или оплаты через Click и Payme.

LCP: как быстро появляется главное

LCP измеряет время, за которое отображается самый крупный элемент первого экрана: обычно это главное фото или блок с заголовком. Хорошим считается значение до 2,5 секунды.

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

• сжать главное изображение и подобрать его размер под экран телефона;
• не откладывать загрузку картинки первого экрана и не ставить на неё ленивую загрузку;
• проверить хостинг и включить кэширование;
• убрать из начала страницы всё, что блокирует отображение.

INP: отклик на нажатия

INP показывает, как быстро страница реагирует на действия: нажатие кнопки, ввод в поле, открытие меню. Если после «Добавить в корзину» ничего не происходит доли секунды, человек жмёт повторно и получает двойной заказ или просто раздражается. Ориентир для хорошего значения — до 200 миллисекунд.

Чаще всего виноваты тяжёлые скрипты и сторонние виджеты: онлайн-чаты, всплывающие окна, счётчики, карусели, подключённые «на всякий случай». Проверяйте сайт на обычном бюджетном Android, а не на новом ноутбуке разработчика: именно такие телефоны у значительной части ваших клиентов.

• провести ревизию сторонних скриптов и оставить только те, что приносят заявки;
• разбить длинные задачи в коде на более короткие;
• подгружать второстепенные виджеты позже, после первого взаимодействия.

CLS: почему макет «прыгает»

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

Причины обычно простые: изображения без заданных размеров, реклама и виджеты без зарезервированного места, смена шрифта после загрузки. Лечится это тоже просто: указать ширину и высоту у картинок и блоков, заранее оставить место под баннеры и аккуратно подключить шрифты.

Где смотреть данные

Основной источник — отчёт Core Web Vitals в Search Console. Он построен на реальных посещениях и группирует похожие страницы. Для отдельных адресов удобны инструменты измерения скорости вроде PageSpeed Insights, а для разбора причин — инструменты разработчика в браузере.

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

Группы страниц в Search Console дают рычаг: если проблема сидит в шаблоне карточки товара, правка одного шаблона улучшит сразу сотни страниц.

С чего начать и чего не ждать

Начните со страниц с плохими значениями в важных разделах: главная, категории, карточки товаров, страницы услуг и посадочные под рекламу. Если вы ведёте трафик из Meta Ads или Google Ads на медленную страницу, часть оплаченных кликов просто не дожидается загрузки.

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

Если хотите понять, какие проблемы на вашем сайте действительно мешают, а какие можно отложить, команда markdev в рамках SEO-оптимизации сайта в Узбекистане разберёт отчёты и составит план по приоритетам. Напишите нам, и мы обсудим вашу задачу.