Core Web Vitals (CWV) — набор метрик, разработанных Google для оценки пользовательского опыта на уровне технических показателей. Яндекс в своих официальных материалах подтверждает, что скорость загрузки и удобство взаимодействия со страницей учитываются при ранжировании. В 2024 году Яндекс прямо указал в блоге Вебмастера, что работа с Core Web Vitals положительно влияет на позиции.
В 2026 году игнорировать CWV — значит намеренно уступать конкурентам.
Что такое Core Web Vitals
Core Web Vitals — три ключевые метрики, которые измеряют реальный пользовательский опыт:
LCP — Largest Contentful Paint (Отрисовка наибольшего элемента)
Что измеряет: Время от начала загрузки страницы до момента, когда основной контент (самый крупный видимый элемент) становится виден пользователю.
Целевые значения:
- Хорошо: ≤ 2.5 секунды
- Требует улучшения: 2.5–4.0 секунды
- Плохо: > 4.0 секунды
Чаще всего LCP-элемент — это:
- Главное изображение на странице (hero image)
- Большой блок текста над сгибом
- Видео-постер
- Изображение в
<img>или CSSbackground-image
Как улучшить LCP:
- Оптимизируйте изображения (WebP, сжатие, правильный размер)
- Используйте
<link rel="preload">для LCP-изображения - Обеспечьте быстрый ответ сервера (TTFB менее 0.6 сек)
- Удалите блокирующие CSS и JS
- Используйте CDN для статических ресурсов
FID → INP — Interaction to Next Paint (Задержка до следующей отрисовки)
В 2024 году Google заменил FID (First Input Delay) на INP (Interaction to Next Paint). Яндекс также ориентируется на INP как более полную метрику.
Что измеряет INP: Общую задержку при любых взаимодействиях с страницей на протяжении всей сессии (клики, нажатия, скролл). Показывает, насколько отзывчива страница в целом, а не только при первом касании.
Целевые значения INP:
- Хорошо: ≤ 200 мс
- Требует улучшения: 200–500 мс
- Плохо: > 500 мс
Как улучшить INP:
- Разбейте длинные задачи JavaScript на короткие (менее 50 мс)
- Используйте
requestIdleCallbackдля несрочных задач - Оптимизируйте обработчики событий
- Переносите тяжёлые вычисления в Web Workers
- Минимизируйте количество сторонних скриптов
CLS — Cumulative Layout Shift (Суммарное смещение макета)
Что измеряет: Насколько сильно элементы страницы «прыгают» в процессе загрузки. Когда текст или кнопка смещаются, пользователь случайно нажимает не туда.
Целевые значения:
- Хорошо: ≤ 0.1
- Требует улучшения: 0.1–0.25
- Плохо: > 0.25
Основные причины высокого CLS:
- Изображения без атрибутов
widthиheight - Реклама без зарезервированного места
- Веб-шрифты с FOIT/FOUT
- Динамически добавляемый контент над существующим контентом
Как улучшить CLS:
- Всегда задавайте
widthиheightдля изображений и видео - Резервируйте место для рекламных блоков через CSS
aspect-ratioили фиксированные размеры - Используйте
font-display: swapиsize-adjust - Не вставляйте контент над существующим после загрузки
Влияние Core Web Vitals на ранжирование в Яндексе
Яндекс официально подтверждает учёт скоростных метрик. На практике:
Прямое влияние на ранжирование: Страницы с отличными CWV получают небольшой бонус в ранжировании. Размер бонуса Яндекс не раскрывает, но на конкурентных запросах он может быть решающим.
Косвенное влияние через поведенческие факторы: Это главное. Медленная страница → пользователь уходит → высокий показатель отказов → короткий клик → Яндекс снижает позицию. Это прямая связь, которую легко проследить в Яндекс Метрике.
CTR в выдаче. Яндекс начал добавлять метки о скорости сайта в сниппеты. Медленный сайт может получить пометку, снижающую CTR.
Как измерить Core Web Vitals
Google PageSpeed Insights
Основной инструмент (pagespeed.web.dev). Вводите URL страницы и получаете:
- Оценки по CWV на мобильных и десктопах
- Реальные данные из Chrome UX Report (за последние 28 дней)
- Лабораторные данные (симуляция)
- Список конкретных рекомендаций по улучшению
Анализируйте отдельно ключевые типы страниц: главная, категория, карточка товара, статья.
Яндекс Вебмастер — Диагностика
Раздел Диагностика → Скорость сайта (в некоторых аккаунтах). Показывает скоростные проблемы, обнаруженные при сканировании.
Chrome DevTools — Lighthouse
Откройте DevTools → вкладку Lighthouse → запустите аудит. Получите детальный отчёт с объяснением каждой проблемы.
Консоль поиска Google (Search Console)
Раздел Core Web Vitals — агрегированные данные по всем страницам сайта с группировкой по типам. Яндекс аналогичного инструмента пока не предоставляет, но данные Search Console актуальны, так как Яндекс использует те же метрики.
Приоритизация оптимизации CWV
Не все страницы одинаково важны. Оптимизируйте в первую очередь:
- Страницы с высоким трафиком из Яндекса
- Коммерческие страницы (категории, карточки, лендинги)
- Страницы, по которым хотите занять топ-позиции
Используйте фильтрацию по URL в PageSpeed Insights для анализа конкретных шаблонов страниц.
Типичные проблемы и их решение
Проблема: LCP > 4 секунды на мобильных
Диагностика: найдите LCP-элемент в PageSpeed (обычно это первое изображение). Типичные решения:
- Конвертировать в WebP и уменьшить размер (целевой вес — до 100–200 КБ)
- Добавить
<link rel="preload" as="image" href="/hero.webp"> - Убрать
lazy-loadingс LCP-изображения (loading="eager") - Переключиться на более быстрый хостинг или добавить CDN
Проблема: CLS из-за рекламы
Решение: зарезервируйте место для рекламных блоков через CSS:
.ad-container {
min-height: 250px;
width: 100%;
}Проблема: Высокий INP из-за тяжёлых скриптов
Диагностика: в Chrome DevTools откройте вкладку Performance, запишите взаимодействие и найдите задачи длиннее 50 мс.
Решение:
- Разбейте длинный JS на части с
setTimeout() - Перенесите аналитику и чаты в
defer - Используйте
intersection observerвместо обработчиков scroll
Core Web Vitals в 2026: тренды
В 2025 году Яндекс ужесточил требования к скорости для получения турбо-страниц и хорошей видимости в мобильной выдаче. В 2026 году ожидается:
- Более строгий учёт INP (замена FID)
- Влияние LCP на позиции в мобильной выдаче усилилось
- Новая метрика TTFB (Time to First Byte) может войти в официальный набор CWV
Сайты с отличными CWV не только ранжируются выше — они конвертируют лучше. Это инвестиция, которая окупается дважды: через SEO и через UX.