Как измерить Core Web Vitals?

Google Search Console (Field Data), PageSpeed Insights, Lighthouse в DevTools браузера.

Влияют ли CWV на мобильную и десктопную выдачу одинаково?

Google оценивает их отдельно для мобильных и десктопных устройств. Мобильные данные имеют больший вес.

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

Google использует Core Web Vitals (LCP, INP, CLS) как сигналы ранжирования. Разберём каждый показатель и способы их оптимизации.

1 марта 2024 г.Обновлено: 20 июля 2024 г.

Core Web Vitals — набор метрик, разработанных Google для оценки пользовательского опыта. С 2021 года они являются факторами ранжирования в Google Search.

Три ключевые метрики

LCP (Largest Contentful Paint) — время загрузки крупнейшего элемента страницы (обычно заглавного изображения или текстового блока). Хороший показатель: ≤ 2.5 сек.

INP (Interaction to Next Paint) — время отклика на взаимодействие пользователя (клик, нажатие). Заменил FID с марта 2024. Хороший показатель: ≤ 200 мс.

CLS (Cumulative Layout Shift) — суммарный сдвиг макета во время загрузки (контент "прыгает"). Хороший показатель: ≤ 0.1.

Как улучшить Core Web Vitals?

LCP: оптимизируйте изображения (WebP, правильные размеры), используйте CDN, добавьте <link rel="preload"> для ключевых ресурсов.

INP: минимизируйте JavaScript, разбейте длинные задачи (Long Tasks), используйте Web Workers для тяжёлых вычислений.

CLS: задавайте явные размеры для изображений и видео, избегайте динамической вставки контента выше fold.

Часто задаваемые вопросы

Как измерить Core Web Vitals?: Google Search Console (Field Data), PageSpeed Insights, Lighthouse в DevTools браузера.
Влияют ли CWV на мобильную и десктопную выдачу одинаково?: Google оценивает их отдельно для мобильных и десктопных устройств. Мобильные данные имеют больший вес.