Что такое 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 ✅Смежные термины
Что такое Core Web Vitals и их значение в 2026 году
Core Web Vitals — это набор метрик, которые измеряют пользовательский опыт на веб-сайте. В 2026 году ключевыми метриками остаются LCP (Largest Contentful Paint), INP (Input Delay) и CLS (Cumulative Layout Shift). Эти метрики помогают веб-мастерам оптимизировать свои сайты для улучшения пользовательского опыта и повышения позиций в поисковой выдаче. Например, Google рекомендует, чтобы LCP был менее 2,5 секунд, INP — менее 100 мс, а CLS — менее 0,1 для достижения оптимальных результатов.
Оптимизация LCP: как улучшить время загрузки контента
LCP (Largest Contentful Paint) измеряет время, за которое загружается самый большой видимый элемент на странице. Чтобы улучшить этот показатель в 2026 году, следуйте следующим рекомендациям:
- Оптимизация изображений: Используйте форматы изображений нового поколения (например, WebP) и задавайте размеры изображений в HTML, чтобы избежать их переработки в браузере.
- Кэширование: Настройте кэширование на сервере, чтобы уменьшить время загрузки для повторных посетителей. Используйте заголовки
Cache-ControlиExpiresдля статических ресурсов. - Серверное рендеринг: Если возможно, используйте серверное рендеринг для более быстрого отображения первых частей контента.
Пример команды для оптимизации изображений с использованием imagemin:
imagemin images/* --out-dir=build/images --plugin=webpЭта команда конвертирует все изображения в формате WebP, что значительно уменьшает их размер и ускоряет загрузку страницы.
Управление INP и CLS для стабильного пользовательского опыта
INP (Input Delay) измеряет задержку между взаимодействием пользователя и реакцией интерфейса. Чтобы снизить INP, оптимизируйте JavaScript, избегая блокировки основного потока. Минимизируйте использование больших библиотек и используйте async и defer для загрузки скриптов.
CLS (Cumulative Layout Shift) оценивает, насколько элементы страницы смещаются во время загрузки. Чтобы уменьшить CLS, задавайте размеры для всех изображений и видео, а также используйте min-height для блоков, которые загружаются позже. Например:
<img src="image.jpg" width="600" height="400" alt="Example image">Это гарантирует, что браузер зарезервирует необходимое пространство для изображения, предотвращая смещение других элементов.
В 2026 году важно, чтобы веб-мастера следили за этими метриками, используя инструменты, такие как Google PageSpeed Insights и Lighthouse, которые предоставляют детализированные отчеты и рекомендации по улучшению Core Web Vitals.
Почему нам доверяют
Как это работает
Введите URL страницы
Lighthouse анализирует
Получите 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
- Тестирование на эмуляции Moto G Power (медленный CPU)
- Сеть: 4G (1.6 Mbps, 150ms RTT)
- Строже оценивает скорость
- Google индексирует mobile-first
- Приоритет для SEO-оптимизации
- Высокая производительность CPU
- Быстрое соединение без ограничений
- Результаты обычно выше на 20-40 баллов
- Важен для B2B и корпоративных сайтов
- Используйте для baseline-сравнений
Кому это нужно
SEO-специалисты
Core Web Vitals для ранжирования
Разработчики
оптимизация производительности
Маркетологи
скорость = конверсия
DevOps
регрессия производительности
Частые ошибки
async/defer блокируют отрисовку. Переместите в конец или добавьте атрибут.Cache-Control браузер перезагружает CSS/JS при каждом визите.Лучшие практики
loading="lazy" для изображений ниже first fold.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.
Запустить инструмент, который описан в этой статье
Бесплатный тариф — 10 мониторов, проверки каждые 5 мин, без карты. Платные тарифы — интервал от 1 минуты и проверки из нескольких регионов.