Core Web Vitals — метрики Google, измеряющие реальный пользовательский опыт: LCP (скорость загрузки контента), INP (отклик на взаимодействие) и CLS (стабильность вёрстки). Google использует Core Web Vitals как фактор ранжирования: сайты с плохими показателями теряют позиции в поиске.
Три метрики Core Web Vitals
Данные исследований
Google (Think with Google, 2018): 53% мобильных пользователей покидают сайт при загрузке дольше 3 секунд. Core Web Vitals (2025): только 35% российских интернет-магазинов проходят все три пороговые метрики. Akamai Research: 100 мс задержки = −1% к конверсии.
Google определил три ключевых метрики пользовательского опыта, которые объективно измеримы и напрямую влияют на восприятие сайта. Каждая измеряется в реальных условиях на реальных устройствах пользователей.
- LCP (Largest Contentful Paint): время загрузки главного элемента страницы. Хорошо: < 2,5 сек
- INP (Interaction to Next Paint): время отклика на действие пользователя. Хорошо: < 200 мс
- CLS (Cumulative Layout Shift): сдвиги макета при загрузке. Хорошо: < 0,1
Как проверить Core Web Vitals своего сайта
Основной инструмент — Google Search Console раздел «Основные интернет-показатели». Он показывает реальные данные пользователей, а не лабораторные тесты. Отдельно — PageSpeed Insights для тестирования конкретной страницы.
Важно: данные в Search Console и PageSpeed Insights могут отличаться. Search Console показывает полевые данные (реальные пользователи за 28 дней), PageSpeed — лабораторные. Полевые данные важнее для SEO.
- Google Search Console → Основные интернет-показатели
- PageSpeed Insights: pagespeed.web.dev
- Chrome DevTools → вкладка Lighthouse
- WebPageTest.org: детальный анализ
Как улучшить LCP (главный элемент загружается медленно)
LCP чаще всего страдает из-за большого изображения в hero-секции или медленного сервера. Оптимизация: предзагрузка hero-изображения, конвертация в WebP, быстрый хостинг с TTFB < 200 мс.
- Добавьте rel=preload для hero-изображения
- Конвертируйте изображения в WebP
- Уберите render-blocking ресурсы (CSS/JS в )
- Хостинг с TTFB < 200 мс
- Включите кеширование на сервере
Разработаем сайт с Core Web Vitals в зелёной зоне
Скорость, SEO и удобство — в стандартном пакете разработки
Как исправить CLS (прыгающий контент)
CLS возникает, когда элементы страницы смещаются во время загрузки: баннеры появляются, шрифты заменяются, изображения без размеров загружаются. Главное правило: задайте явные размеры всем изображениям и видео.
- Задайте width и height у всех тегов img
- Не вставляйте контент поверх уже загруженного
- Задайте размер рекламных блоков заранее
- Используйте font-display: swap для веб-шрифтов
- Тестируйте после каждого изменения шаблона
Разрабатываем сайты с Core Web Vitals в зелёной зоне с первого дня.
Частые вопросы
Core Web Vitals влияют на позиции в Яндексе?
Яндекс использует собственные метрики скорости и не объявлял CWV сигналом ранжирования явно. Но скорость загрузки и удобство мобильной версии влияют на поведенческие факторы — а они важны для Яндекса. Так что улучшать CWV выгодно для обоих поисковиков.
Что важнее: LCP, CLS или INP?
Для SEO все три одинаково важны как единый сигнал Page Experience. Для пользователей: LCP — первое впечатление (скорость), CLS — раздражение от прыгающего контента, INP — отклик на действия. Начните с LCP — обычно самый заметный.
Можно ли получить зелёные CWV на Elementor?
Да, но требует настройки. Elementor генерирует много CSS/JS. Решение: Hello Elementor (лёгкая тема), отключение неиспользуемых виджетов, WP Rocket для кеширования, оптимизация изображений. С правильной настройкой — 80+ на мобильном реально.
Обсудим ваш проект
Расскажите задачу — подберём решение и пришлём расчёт за 2 часа
Нажимая кнопку, вы соглашаетесь с обработкой персональных данных
