Что такое Core Web Vitals

Простыми словами

Core Web Vitals — набор метрик, которые Google выделил как ключевые для пользовательского опыта. Первая — LCP (Largest Contentful Paint), время появления самого крупного элемента на экране, например главного фото или заголовка. Хорошим считается значение до 2,5 секунды.

Вторая — INP (Interaction to Next Paint), задержка реакции страницы на действия пользователя: нажатия, выбор, ввод. Хорошо — не более 200 миллисекунд. Третья — CLS (Cumulative Layout Shift), накопленный сдвиг макета: хорошо, когда значение не выше 0,1, то есть блоки не прыгают под пальцем.

Как это работает

Данные собираются у реальных пользователей браузера Chrome и сводятся в отчёты. Посмотреть их можно в PageSpeed Insights и в панели Google Search Console, где страницы группируются на «хорошие», «требуют улучшения» и «плохие». Отдельно показывают результаты для телефонов и компьютеров.

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

Зачем это владельцу бизнеса

Эти метрики учитываются при ранжировании как один из факторов опыта страницы. Главное, они напрямую связаны с продажами: чем медленнее открывается сайт, тем больше посетителей уходит, особенно с мобильных устройств и медленной связи.

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

Частые ошибки

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