+7 977 711-32-23 Обсудить проект

Core Web Vitals: как скорость сайта влияет на конверсию и SEO

Как Core Web Vitals влияют на конверсию и позиции в поиске: разбираем метрики LCP, INP, CLS, почему медленный сайт теряет деньги и что делать.

Core Web Vitals: как скорость сайта влияет на конверсию и SEO

Скорость сайта — это не «технический показатель для гиков», а прямая линия к деньгам. Медленный сайт теряет клиентов ещё до того, как они увидят ваш продукт, и проседает в выдаче. Разбираем Core Web Vitals: что это за метрики, как они бьют по конверсии и SEO, и что с этим делать.

Что такое Core Web Vitals и почему это не блажь Google

Core Web Vitals — три метрики, которыми Google измеряет реальный опыт пользователя на вашем сайте. Не «нравится дизайнеру или нет», а холодные цифры: быстро ли грузится, быстро ли реагирует на клики и не скачет ли вёрстка под пальцем. С 2021 года это официальный фактор ранжирования, но куда важнее другое — эти же метрики почти зеркально описывают, уйдёт человек или дойдёт до заявки.

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

Как скорость превращается в потерянные деньги

Логика простая и жёсткая: каждая лишняя секунда ожидания — это часть аудитории, которая закрывает вкладку. Пользователь не думает «ох, у них тяжёлый JS-бандл» — он просто уходит к конкуренту, у которого открылось быстрее. И чем дороже вы платите за трафик из рекламы, тем обиднее сливать его в белый экран загрузки.

По исследованиям индустрии закономерность стабильна из года в год: рост времени загрузки с 1 до 3 секунд заметно увеличивает показатель отказов, а на мобильных, где интернет медленнее, эффект ещё сильнее. Для интернет-магазина это напрямую отложенные в корзину, но не купленные товары. Для сайта услуг — незаполненные формы.

Быстрый сайт не «нравится Google». Быстрый сайт нравится вашему клиенту — а Google просто научился это замечать и поднимать такие сайты выше.

SEO: почему медленный сайт проигрывает вдвойне

Здесь двойной удар. Во-первых, Core Web Vitals — прямой сигнал ранжирования: при прочих равных Google поставит выше сайт с зелёными метриками. Во-вторых, есть косвенный, но более мощный эффект — поведенческие факторы. Если люди заходят из поиска и тут же возвращаются обратно (потому что не дождались загрузки), поисковик считывает это как «страница не решила запрос» и постепенно опускает её. Медленный сайт роняет позиции даже там, где формально по контенту он лучший.

Скорость — это фундамент, а не украшение. Можно вложиться в контент и ссылки, но если сайт грузится 6 секунд, вы тянете штрафной груз на каждой странице. Сначала фундамент — потом всё остальное работает в разы эффективнее.

Что реально влияет на метрики

В 9 случаях из 10 тормоза — это не «плохой хостинг», а вполне конкретные и чинибельные вещи:

01

Тяжёлые изображения

Картинки в исходном разрешении и старых форматах — главный убийца LCP. Лечится WebP/AVIF, сжатием и ленивой загрузкой.

02

Раздутый JavaScript

Десятки скриптов, виджетов и счётчиков блокируют отклик. Это прямой урон INP. Лишнее — вырезаем, нужное — грузим асинхронно.

03

Тяжёлые конструкторы

Универсальные шаблоны и page-билдеры тащат тонну ненужного кода. Часто именно из-за них сайт «просто медленный».

04

Нестабильная вёрстка

Баннеры и шрифты без заранее заданных размеров дёргают макет — это CLS. Резервируем место под контент заранее.

Что делать: план по шагам

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

  • Замерить как есть. Смотрим PageSpeed Insights и данные по реальным пользователям (CrUX), отдельно — мобайл, отдельно — десктоп. Мобильная версия почти всегда медленнее и важнее.
  • Найти самый тяжёлый элемент. Обычно это одна-две картинки на первом экране или один жирный скрипт. 80% результата даёт исправление 20% проблем.
  • Оптимизировать медиа и код. Сжатие изображений, современные форматы, удаление лишних скриптов, кэширование, CDN.
  • Стабилизировать вёрстку. Задать размеры под изображения и рекламные блоки, подгружать шрифты без скачков.
  • Перемерить и закрепить. Настроить мониторинг, чтобы метрики не «уползли» обратно после следующего обновления сайта.

Иногда точечная оптимизация не спасает — если сайт собран на тяжёлом конструкторе, дешевле и надёжнее пересобрать его на чистом коде, чем бесконечно бороться с чужим наследием. Мы честно скажем, какой вариант в вашем случае выгоднее.

Коротко

Core Web Vitals — это про деньги, а не про технический перфекционизм. Быстрый сайт удерживает пользователя, повышает конверсию в заявку и покупку и растёт в поиске. Медленный — сливает рекламный бюджет в белый экран и падает в выдаче. Разница между «грузится 5 секунд» и «грузится за секунду» на дистанции — это десятки процентов конверсии.

Если сайт тормозит и вы подозреваете, что теряете на этом клиентов — мы проведём аудит скорости, покажем, что именно тянет метрики вниз, и приведём их в зелёную зону. Посмотрите нашу веб-разработку и техподдержку сайтов, или напишите нам в контактах — разберём ваш случай и честно скажем, где спрятаны потери.

Обсудим?

Расскажите задачу — вернёмся со сметой и сроками.

За 1 день оценим объём и дадим честную вилку по цене. Без спама и обязательств.

Работаем удалённо по всей России · часовой пояс МСК

Холматов Валишер — продукт-менеджер sorrybutno
Холматов Валишер
Продукт-менеджер · ответит на вашу заявку