Core Web Vitals для небольших сайтов
Core Web Vitals — три показателя Google о том, как страница ощущается реальным пользователям: как быстро появляется основной контент, как быстро страница реагирует и не прыгает ли вёрстка. У крупных сайтов для этого есть целые команды. Небольшому сайту она обычно не нужна: несколько исправлений закрывают большинство проблем. Объясняем метрики простыми словами и даём список доработок по приоритету с советами для WordPress.
Три метрики Core Web Vitals
| Метрика | Что измеряет | Хорошо | Плохо |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Когда отрисован самый крупный видимый элемент — картинка или блок текста | до 2,5 с | больше 4 с |
| INP (Interaction to Next Paint) | Как быстро страница заметно реагирует на нажатия и ввод | до 200 мс | больше 500 мс |
| CLS (Cumulative Layout Shift) | Насколько неожиданно сдвигается видимый контент | до 0,1 | больше 0,25 |
Google оценивает каждую метрику по 75-му процентилю реальных загрузок, отдельно для мобильных и десктопа. В марте 2024 года INP заменил устаревший FID, поэтому в старых статьях встречается «First Input Delay».
Насколько это влияет на позиции
Core Web Vitals входят в сигналы удобства страниц (page experience) Google. Сам Google подчёркивает, что на первом месте релевантность и полезность: быстрая страница со слабым текстом не обгонит более медленную, которая лучше отвечает на запрос. Яндекс не заявлял, что использует именно Core Web Vitals, но скорость и удобство важны для пользователей в любом поисковике. Медленные и «прыгающие» страницы теряют читателей независимо от позиций.
Почему у небольшого сайта «недостаточно данных»
Полевые данные берутся из Chrome User Experience Report, куда попадают только страницы и сайты с достаточным трафиком из Chrome. Многие небольшие сайты до порога не дотягивают, и отчёт в Search Console и PageSpeed Insights показывают пустоту. Тогда:
- Ориентируйтесь на лабораторные данные PageSpeed Insights (Lighthouse) — это симуляция среднего смартфона на медленной сети.
- Проверяйте ключевые шаблоны: главную, типичную статью, рубрику, контакты.
- Исправляйте то, что видно в лабораторных тестах, — это поможет и реальным посетителям.
Список исправлений по приоритету
Сначала LCP — обычно главная проблема
- Сожмите и уменьшите главное изображение. Отдавайте его в WebP или AVIF в том размере, в каком оно показывается. Фото шириной 3000 пикселей, показанное на 800, — самая частая причина плохого LCP.
- Не включайте ленивую загрузку для главной картинки. Lazy-load хорош ниже первого экрана, но задерживает LCP-элемент. Добавьте ему
fetchpriority="high". - Включите кеширование страниц плагином или на уровне хостинга, чтобы отдавать готовый HTML.
- Проверьте время ответа сервера. Если первый байт приходит дольше секунды, узким местом может быть дешёвый хостинг. CDN помогает удалённым посетителям.
Затем CLS
- Указывайте width и height у картинок и встраиваемых элементов, чтобы браузер заранее резервировал место.
- Резервируйте место под рекламу, баннер cookie и формы подписки. Элементы, сдвигающие контент после загрузки, — классические виновники CLS.
- Аккуратно подключайте шрифты:
font-display: swapс похожим запасным шрифтом или системные шрифты.
Затем INP
- Удалите ненужные плагины и скрипты. Слайдеры, онлайн-чаты, несколько счётчиков и соцвиджеты добавляют JavaScript, который мешает реакции на действия.
- Откладывайте некритичный JavaScript, чтобы он не блокировал основной поток при загрузке.
- Прячьте тяжёлые встраивания за клик — например, видеоплеер, который загружается только по нажатию.
Советы для WordPress
- Выбирайте лёгкую тему: тяжёлые конструкторы страниц дают огромный DOM и кучу скриптов.
- Используйте один хорошо настроенный плагин производительности, а не три пересекающихся.
- Раз в несколько месяцев делайте ревизию плагинов: отключайте по одному и перепроверяйте.
- Убедитесь, что плагины подключают свои файлы только там, где они нужны.
Плагин Satelo Connector сделан лёгким: счётчик без cookie и доставка статей не добавляют на страницы фронтенд-фреймворков. Но проверяйте любой новый плагин, включая наш.
Рутина на 30 минут
- Прогоните главную и самую посещаемую статью через PageSpeed Insights в мобильном режиме.
- Найдите LCP-элемент, который указан в отчёте, и исправьте именно его.
- Посмотрите диагностику CLS и задайте размеры тому, что сдвигается.
- Удалите один лишний скрипт или плагин.
- Перепроверьте и запишите результат. Повторяйте раз в месяц.
Как скорость учитывается в Satelo
В Quality Score Satelo есть компонент Google PageSpeed: техническое состояние — часть того, что делает сайт хорошей площадкой для читателей и партнёров. Это лишь один фактор наряду с рейтингом Tranco, возрастом домена, объёмом в Common Crawl и подтверждённым трафиком, поэтому одной скоростью высокий QS не получить, но медленный сайт баллы теряет. Свою техническую оценку видно в бесплатной проверке.
Как читать отчёт PageSpeed Insights
В отчёте две части, которые часто путают:
- Верхний блок о реальных пользователях — полевые данные Chrome за последние 28 дней. Именно их Google использует для Core Web Vitals. У небольших сайтов их может не быть.
- Оценка производительности ниже (0–100) — результат одного лабораторного теста Lighthouse. Это инструмент диагностики, и он немного меняется от запуска к запуску. Не стоит бороться за рост с 89 до 92.
Прокрутите до раздела диагностики. Для небольших сайтов полезнее всего: найденный LCP-элемент, «Настройте подходящий размер изображений», «Удалите неиспользуемый JavaScript», «Избегайте больших смещений макета» и «Сократите время ответа сервера». В каждом пункте указано, какие файлы или элементы виноваты.
Типичные ситуации небольших сайтов
| Симптом | Вероятная причина | Что сделать сначала |
|---|---|---|
| LCP больше 4 с только на мобильных | Тяжёлая главная картинка или слайдер | Уменьшить и сжать, заменить слайдер одной картинкой |
| Хороший лабораторный результат, плохой полевой LCP | Медленный хостинг для посетителей из других регионов | Кеширование страниц и CDN |
| CLS на страницах статей | Реклама и встраивания без зарезервированного места | Блоки фиксированного размера под рекламу и виджеты |
| Плохой INP на страницах с виджетами | Онлайн-чат, соцкнопки, лишние счётчики | Удалить или отложить необязательные скрипты |
| Всё медленно после редизайна | Тяжёлый конструктор или тема | Проверить лёгкую тему на тестовой копии |
Когда остановиться
Когда все три метрики в зелёной зоне — или близко к ней в лабораторных тестах, если полевых данных нет, — дальнейшая оптимизация мало что даёт. Время лучше тратить на контент и упоминания. Скорость — фундамент, а не стратегия. Перепроверяйте после крупных изменений: новая тема, плагин, рекламная сеть или редизайн.
Что делать дальше
Запустите бесплатную проверку QS, чтобы понять исходную точку, и пройдитесь по списку выше. Другие бесплатные инструменты для мониторинга — в статье бесплатные аналоги Ahrefs, а советы по нишевым проектам — в материале SEO для нишевых блогов.
Частые вопросы
Какие метрики входят в Core Web Vitals?
LCP — скорость загрузки основного контента, INP — отзывчивость, CLS — визуальная стабильность.
Когда INP заменил FID?
Google заменил First Input Delay на Interaction to Next Paint в марте 2024 года.
Почему в Search Console нет данных Core Web Vitals?
Полевым данным нужен достаточный трафик из Chrome. Небольшие сайты часто не дотягивают до порога — используйте лабораторные данные PageSpeed Insights.
Учитывает ли Яндекс Core Web Vitals?
Яндекс не заявлял об использовании именно этих метрик, но скорость и удобство страниц важны для пользователей любого поисковика.
Читайте также
Добавьте сайт в Satelo
Проверьте индекс качества бесплатно и подключите сайт: первая статья принесёт сателлиты, чтобы продвигать его на похожих сайтах.
Проверить сайтДобавить сайт