Core Web Vitals: быстрые сайты без прыгающего контента

Core Web Vitals (Основные интернет-показатели) — это набор из трех ключевых метрик от Google, которые оценивают качество пользовательского опыта (UX) на веб-странице: насколько быстро она загружается, как быстро реагирует на действия и насколько стабильна визуально.

Эти метрики напрямую влияют на SEO (ранжирование сайта в поисковой выдаче Google) и на то, насколько комфортно посетителям пользоваться вашим ресурсом.

С марта 2024 года в актуальный набор Core Web Vitals входят следующие три показателя:

1. LCP (Largest Contentful Paint) — Скорость загрузки

Измеряет время, за которое на экране появляется самый крупный видимый элемент (обычно это большая картинка, видео или блок текста).

• Хорошо: до 2,5 секунд.
• Требует улучшения: от 2,5 до 4 секунд.
• Плохо: больше 4 секунд.

2. INP (Interaction to Next Paint) — Отзывчивость (интерактивность)

Эта метрика заменила устаревший показатель FID (First Input Delay) в марте 2024 года. INP измеряет задержку между тем, как пользователь взаимодействовал со страницей (например, кликнул по кнопке, тапнул по экрану), и тем моментом, когда браузер смог отрисовать следующий кадр (показать результат этого клика).

• Хорошо: менее 200 миллисекунд.
• Требует улучшения: от 200 до 500 миллисекунд.
• Плохо: больше 500 миллисекунд.

3. CLS (Cumulative Layout Shift) — Визуальная стабильность

Измеряет неожиданные смещения элементов на странице во время её загрузки и использования. Вы наверняка сталкивались с ситуацией, когда хотите нажать на кнопку, но в этот момент подгружается рекламный баннер, текст съезжает, и вы кликаете не туда. CLS оценивает именно такие «прыжки» макета.

• Хорошо: показатель меньше 0,1.
• Требует улучшения: от 0,1 до 0,25.
• Плохо: больше 0,25.

Как и где проверить свои Core Web Vitals?

Для измерения этих метрик Google предоставляет несколько бесплатных инструментов:

1. Google PageSpeed Insights — самый популярный инструмент, который показывает как лабораторные данные (Lighthouse), так и реальные данные пользователей (CrUX).
2. Google Search Console — в специальном разделе «Основные интернет-показатели» можно увидеть оценку всех страниц вашего сайта на основе реальных посещений.
3. Расширение Web Vitals для Chrome — позволяет оценивать метрики любой открытой страницы в режиме реального времени.

Коротко говоря, Core Web Vitals — это способ Google сказать вебмастерам: "Делайте сайты быстрыми, отзывчивыми и без прыгающего контента, и мы будем показывать вас выше в поиске".