Skip to content

Что такое Core Web Vitals

Коротко:

Core Web Vitals — три пользовательские метрики, которыми Google измеряет качество UX и использует в ранжировании: LCP (Largest Contentful Paint — когда рисуется основной контент), INP (Interaction to Next Paint — задержка отклика на клик/тап, заменил FID в марте 2024) и CLS (Cumulative Layout Shift — визуальная нестабильность). Пороги: LCP ≤ 2.5s, INP ≤ 200ms, CLS ≤ 0.1.

Ниже: подробности, пример, смежные термины, FAQ.

Подробности

  • LCP (Largest Contentful Paint): время до самого большого visible элемента. Порог ≤ 2.5s = good
  • INP (Interaction to Next Paint): долгий tail клик-задержек (заменил FID в марте 2024). Порог ≤ 200ms
  • CLS (Cumulative Layout Shift): суммарный сдвиг layout без user interaction. Порог ≤ 0.1
  • Измеряются через Chrome UX Report (CrUX) — real-user данные за 28 дней
  • Pass threshold = 75th percentile для ≥ 28 дней

Пример

LCP: 1.8s ✅  |  INP: 180ms ✅  |  CLS: 0.04 ✅

Смежные термины

PerformanceОбщая оценка скорости 0-100
Core Web VitalsLCP, FID, CLS — метрики Google
Размер страницыОбъём HTML, CSS, JS, изображений
РекомендацииКонкретные советы по ускорению

Почему нам доверяют

Lighthouse
движок анализа
CWV
Core Web Vitals
4
категории Lighthouse
Точные
рекомендации

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

1

Введите URL страницы

2

Lighthouse анализирует

3

Получите CWV и советы

Почему скорость сайта важна?

Скорость загрузки напрямую влияет на конверсию, SEO-позиции и удовлетворённость пользователей. Google использует Core Web Vitals как фактор ранжирования. Каждая лишняясекунда загрузки может стоить до 7% конверсии.

Lighthouse-анализ

Анализ на основе Google Lighthouse: Performance, Accessibility, Best Practices, SEO.

Core Web Vitals

LCP (скорость отрисовки), FID (интерактивность), CLS (визуальная стабильность) — ключевые метрики Google.

Анализ ресурсов

Разбивка по типам: HTML, CSS, JavaScript, изображения, шрифты. Размер, количество запросов, блокирующие ресурсы.

Действенные советы

Конкретные рекомендации с оценкой экономии: сжатие изображений, кеширование, минификация и т.д.

Mobile vs Desktop

Mobile
  • Тестирование на эмуляции Moto G Power (медленный CPU)
  • Сеть: 4G (1.6 Mbps, 150ms RTT)
  • Строже оценивает скорость
  • Google индексирует mobile-first
  • Приоритет для SEO-оптимизации
Desktop
  • Высокая производительность CPU
  • Быстрое соединение без ограничений
  • Результаты обычно выше на 20-40 баллов
  • Важен для B2B и корпоративных сайтов
  • Используйте для baseline-сравнений

Кому это нужно

SEO-специалисты

Core Web Vitals для ранжирования

Разработчики

оптимизация производительности

Маркетологи

скорость = конверсия

DevOps

регрессия производительности

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

Неоптимизированные изображенияИзображения — до 70% веса страницы. Используйте WebP/AVIF и lazy loading.
Блокирующий JS в <head>Скрипты без async/defer блокируют отрисовку. Переместите в конец или добавьте атрибут.
Нет кеширования статикиБез Cache-Control браузер перезагружает CSS/JS при каждом визите.
Слишком много HTTP-запросовКаждый запрос — это latency. Объединяйте файлы, используйте спрайты или инлайн критический CSS.
Отсутствие сжатия (gzip/brotli)Сжатие уменьшает размер текстовых ресурсов на 60-80%. Включите brotli на сервере.

Лучшие практики

Оптимизируйте изображенияWebP для фото, SVG для иконок. loading="lazy" для изображений ниже first fold.
Включите brotli-сжатиеBrotli на 15-20% эффективнее gzip. Настройте в nginx: brotli on;
Настройте кешированиеСтатика: Cache-Control: max-age=31536000, immutable. HTML: max-age=0, s-maxage=60.
Предзагрузка критических ресурсов<link rel="preload"> для шрифтов и CSS. Уменьшает LCP на 200-500ms.
Тестируйте регулярноСкорость деградирует со временем. Проверяйте после каждого деплоя и раз в месяц.

Получите больше с бесплатным аккаунтом

История проверок скорости, сравнение с конкурентами и мониторинг PageSpeed.

Зарегистрироваться (FREE)

Больше по теме

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

Когда INP заменил FID?

С 12 марта 2024. FID (First Input Delay) мерил только задержку первого клика. INP учитывает все взаимодействия — точнее отражает реальный UX.

Влияют ли CWV на ранжирование?

Да. Google подтвердил использование CWV как фактор с 2021. Влияние ~5-10% при прочих равных.

Как проверить CWV своего сайта?

PageSpeed Insights (Google) или <a href="/speed">Enterno Speed</a> — оба используют CrUX field data.