МАТЕРИАЛ / Веб-разработка / SEO / Скорость

Скорость сайта и SEO: что такое Core Web Vitals и как их улучшить

Что измеряют LCP, INP и CLS, как проверить свой сайт бесплатно и какие правки чаще всего дают самый большой прирост скорости и позиций.

Google учитывает удобство страницы при ранжировании, а медленный сайт теряет посетителей ещё до того, как они увидят ваш оффер. Core Web Vitals — три метрики, по которым Google оценивает, насколько сайтом приятно пользоваться.

Три метрики

  • LCP (Largest Contentful Paint) — когда отрисовался самый крупный элемент первого экрана: заголовок, баннер, фото. Хороший результат — до 2,5 секунды.
  • INP (Interaction to Next Paint) — как быстро страница реагирует на нажатия. Хорошо — до 200 мс.
  • CLS (Cumulative Layout Shift) — насколько «прыгает» вёрстка при загрузке. Хорошо — до 0,1.

Как проверить

  1. PageSpeed Insights (pagespeed.web.dev) — вставьте адрес страницы, смотрите мобильную версию.
  2. Search Console → «Основные интернет-показатели» — данные реальных посетителей по всему сайту.
  3. Chrome DevTools → Lighthouse — для разработчиков, с подробными подсказками.

Что чаще всего тормозит

  • Тяжёлые изображения без сжатия и современных форматов (WebP, AVIF).
  • Главный блок первого экрана, который появляется только после анимации или загрузки скриптов.
  • Десятки сторонних скриптов: чаты, виджеты, пиксели, счётчики.
  • Шрифты, которые грузятся поздно и перерисовывают текст.
  • Картинки и баннеры без заданных размеров — из-за них прыгает вёрстка.

Что делать

  1. Сжать изображения и отдавать их в WebP/AVIF нужного размера для каждого экрана.
  2. Заголовок и главный блок первого экрана показывать сразу, без ожидания анимаций.
  3. Сторонние скрипты загружать отложенно, лишние — удалить.
  4. Подключать шрифты с предзагрузкой и запасным шрифтом.
  5. Задавать размеры медиа и резервировать место под баннеры.
  6. Использовать CDN и кэширование.

Скорость — это не только SEO

Быстрый сайт дешевле в рекламе: посетитель, заплатив за клик, не уходит, пока страница грузится. Поэтому ускорение сайта часто окупается уже на рекламном бюджете, ещё до роста позиций.

Мы делаем сайты и веб-приложения на современном стеке с серверным рендерингом, оптимизацией изображений, мультиязычным SEO и разметкой с первого дня. Если нужно ускорить существующий сайт — опишите задачу в брифе.

Оставить заявку