Скорость сайта, LCP и заявки

Почему медленный сайт режет конверсию: LCP, Core Web Vitals, что проверить и какие правки дают быстрый эффект перед рекламой.

Обложка: Скорость сайта, LCP и заявки

Пользователь кликнул по объявлению и ждёт ответ на своё обещание — не белый экран пять секунд. LCP (Largest Contentful Paint) — метрика времени отрисовки главного элемента первого экрана; она связана и с SEO, и с конверсией на платном трафике. Медленный сайт не «немного хуже» быстрого: часть бюджета Директа сгорает на отказах до прочтения оффера.

Разберём, что такое LCP на практике, какие пороги считать нормой для B2B, что чаще всего тормозит первый экран и как ускорение влияет на заявки. Связанные материалы: мобильная версия и конверсия, чек-лист аудита перед рекламой.

Что измеряет LCP и почему это про деньги

LCP фиксирует момент, когда пользователь видит самый крупный контент во viewport: чаще всего hero-изображение, крупный заголовок или фоновый блок. До этого момента человек не оценивает ваш оффер — он оценивает «сайт завис».

  • ≤ 2,5 сек на mobile — хорошо для посадочной под рекламу.
  • 2,5–4 сек — терпимо, но конверсия уже проседает.
  • > 4 сек — P0: не масштабируйте Директ, пока не снизите LCP.
Вы платите за клик. Если LCP 5 секунд, значительная доля пользователей закрывает вкладку, так и не увидев CTA. Это не «техническая мелочь» — это утечка в воронке на самом верху.

Где и как проверять (не обманывая себя)

PageSpeed Insights и Lighthouse — старт, но офисный Wi‑Fi на MacBook врёт про реальный mobile-трафик.

  1. PageSpeed Insights — режим Mobile, поле LCP в Core Web Vitals.
  2. Chrome DevTools → Lighthouse с throttling «Slow 4G».
  3. Реальный смартфон в LTE — открыть URL из будущего объявления.
  4. WebPageTest с локацией ближе к вашей аудитории.

Меряйте те страницы, куда ведёт реклама, а не только главную. LCP лендинга и раздела «Услуги» может отличаться в 2–3 раза. Пункт про скорость — первый в чек-листе аудита.

Типичные виновники медленного LCP

Изображения и медиа

  • Hero 3000×2000 px, 1–2 MB без сжатия.
  • Слайдер из трёх тяжёлых фото вместо одного статичного кадра.
  • Фоновое видео на первом экране на mobile (Tilda zero-block — частый случай).
  • Формат PNG там, где достаточно WebP/AVIF.

Скрипты и шрифты

  • Десять подключений в <head> без defer/async.
  • 5+ начертаний шрифта без subset кириллицы.
  • Чат, карта, пиксели — всё сразу на первом экране.

Сервер и CMS

Медленный TTFB, отсутствие кэша, тяжёлые плагины. На конструкторах часть правок ограничена — тогда приоритет: облегчить hero и убрать лишние блоки above the fold.

Быстрые и глубокие правки

Быстрые (1–3 дня):

  • Сжать hero до 150–200 KB, ширина 800–1200 px для mobile.
  • Один статичный первый экран вместо слайдера на узком viewport.
  • Lazy-load для всего ниже fold.
  • Отложить виджеты чата до scroll или клика.
  • font-display: swap, максимум 2 начертания.

Глубокие (неделя+): CDN, критический CSS, перенос аналитики, оптимизация CMS, отдельное облегчённое hero для mobile. Имеет смысл при стабильном бюджете Директа от 50 000 ₽/мес.

Связь LCP с заявками и мобильным трафиком

50–70% кликов из Директа — смартфоны. LCP на desktop «зелёный», на mobile «красный» — классический сценарий «реклама не окупается». Mobile-first не только про кнопки и формы, но и про вес первого экрана.

После снижения LCP с 5 до 2,5 сек на посадочной мы часто видим:

  • снижение отказов на 10–25 пунктов;
  • рост конверсии в форму без смены креативов;
  • более стабильную работу автостратегий Директа — пользователь успевает дойти до цели.

Подробнее про mobile UX — в статье мобильная версия и конверсия. LCP — пункт 1 в аудите перед рекламой.

INP, CLS и не только LCP

LCP — про «когда увидел контент». INP (отклик на действия) важен для форм и кнопок: тяжёлый JS может дать хороший LCP, но кнопка «Отправить» реагирует с задержкой. CLS — сдвиг вёрстки при загрузке шрифтов и баннеров; пользователь промахивается мимо CTA.

Для B2B-лендинга приоритет: LCP → форма и INP → CLS. Полная картина — в отчёте аудита сайта, где скорость идёт вместе с формами и Метрикой, а не отдельным «техническим PDF».

Чек-лист: скорость перед включением Директа

  • LCP mobile измерен на URL посадочной, не главной.
  • LCP < 2,5 сек или есть план P0 на этой неделе.
  • Hero < 200 KB, WebP/AVIF где возможно.
  • Нет видео-фона на первом экране mobile.
  • Слайдер заменён или отключён на узком экране.
  • После правок — повторный замер, не «вроде быстрее».

Не уверены, с чего начать — закажите аудит сайта: скорость, форма и цели в одном документе с P0/P1. Самостоятельно пройдите чек-лист перед рекламой и блок про mobile в статье про мобильную конверсию.