Performance / Core Web Vitals / B2B

Почему PageSpeed 90+ важен для B2B-сайта в 2026

PageSpeed выше 90 — это не «вайб-метрика для разработчиков», а конкретный фактор конверсии в B2B. Разбираем механику: что именно меняется в воронке, как Google использует Core Web Vitals при ранжировании, и где находятся 80% выигрыша по производительности.

Марк Соловьев

CEO / CTO, Raylet Studio

В B2B-разработке часто приходится отвечать на один и тот же вопрос: «Зачем нам PageSpeed 95, если у нас всё равно 30 заявок в месяц через личные контакты?» Ответ короткий: PageSpeed 90+ — это про то, сколько вы потеряете на холодных заходах из поиска и контекста, не сколько выиграете на тёплых клиентах.

В этой статье — механика производительности с точки зрения бизнес-метрик. Без вайба «быстро ≠ хорошо», только то, что мы видим в собственных проектах и на проектах клиентов.

Почему именно PageSpeed, а не «удобный сайт»

«Удобный сайт» — субъективная оценка, её нельзя положить в метрику. А PageSpeed — это автоматический индикатор от Google, к которому привязаны:

  • Ранжирование в SERP. Core Web Vitals — официально подтверждённый ranking signal с 2021 года. С июня 2024 INP заменил FID, и теперь это особенно бьёт по сайтам с тяжёлой клиентской JS.
  • Качество атрибуции в Performance Max и Search Ads. Slow landing pages снижают Quality Score в Google Ads — это напрямую увеличивает CPC.
  • Конверсия. Каждая лишняя секунда LCP даёт около 7% падения конверсии на B2B-формах. Источник — наш собственный замер на лендинге калькулятора, согласуется с публичными данными Akamai и Portent.

При этом PageSpeed — измеримая вещь. Не «нравится пользователям», а конкретное число от 0 до 100, которое любой может проверить за 30 секунд через PageSpeed Insights.

Что входит в Core Web Vitals в 2026

МетрикаЧто измеряетЦелевое значение
LCP (Largest Contentful Paint)Когда отрисуется самый крупный элемент above-the-fold≤ 2.5 секунды
INP (Interaction to Next Paint)Время реакции на клик/тап в течение всей сессии≤ 200 миллисекунд
CLS (Cumulative Layout Shift)Сдвиги вёрстки во время загрузки≤ 0.1

INP здесь самый коварный. LCP можно «подкрутить» preload’ом шрифтов и SSR-рендером, CLS — резервировать высоту изображений и подключить шрифты с font-display: optional. А вот INP считает интерактивность за всю сессию — тяжёлый Vue-компонент в подвале страницы или клиентская гидрация всего react-приложения роняют INP кардинально, даже если первичная загрузка идёальная.

Где живут 80% выигрыша

В наших проектах большая часть улучшений performance приходит не от микро-оптимизаций, а от трёх архитектурных решений.

1. SSG / SSR вместо клиентского рендера

Если страница не должна меняться от пользователя к пользователю — она должна быть статической. Astro, Next.js в SSG-режиме, Hugo, 11ty — любой статический генератор даёт LCP в районе 0.3–0.6 секунды на десктопе. По сравнению с SPA, который загружает 500 KB JS до того, как покажет первую строчку текста, разница — 3-секундный гэп.

Для нас это базовый принцип: в новых проектах мы используем Astro, и островная архитектура (interactive islands) гидрирует только то, что реально нуждается в JS — не весь сайт.

2. Шрифты как ресурс, а не как accessory

Webfonts — главный убийца LCP. Если в <head> браузер видит ссылку на 4 файла woff2 (regular, medium, semibold, bold), он загружает их все до отрисовки текста, и LCP ползёт за этим.

Наша практика:

  • preload только для шрифтов LCP-элемента (обычно один heading-вариант + один body-вариант).
  • font-display: swap для остальных — браузер мгновенно покажет текст системным шрифтом, потом заменит на брендовый.
  • subset cyrillic+latin через сервисы типа google-webfonts-helper — отрезает ~60% размера файла.

После этого четыре шрифта по 50 KB превращаются в один по 18 KB и три по font-display: swap. Эффект на LCP — порядка 800 ms на 4G mobile.

3. Изображения в правильном формате с правильными размерами

Большинство сайтов в 2026 всё ещё грузят *.jpg шириной 1920px на mobile-экран 375px. Решение — <img srcset> или <picture> с разными источниками, плюс конвертация в WebP/AVIF.

Astro умеет это «из коробки» через <Image /> компонент. Next.js — через next/image. На vanilla-сайте — собственный build-step через sharp/imagemin. Эффект: страница, у которой image-byte-size был 4 MB, становится 350 KB. Это ~4 секунды экономии на slow 3G.

Что делать прямо сейчас

Если у вас уже есть сайт и вы хотите понять, где вы стоите:

  1. Откройте PageSpeed Insights и прогоните три страницы — главную, листинг услуг, посадочную для рекламы.
  2. Смотрите на mobile-секцию (не desktop). Mobile — это ваша реальная аудитория.
  3. Если LCP > 2.5 s или INP > 200 ms — это первоочередной фикс. Десктоп можно мерить вторым.

Если у вас нет ресурсов разбираться самим — мы делаем технические аудиты сайтов и кейсы с реальными цифрами «было / стало». Например, в кейсе AI DoctorBot мы перенесли клиентскую часть с React SPA на Astro — LCP упал с 4.1 s до 0.9 s, и это сразу отразилось на conversion rate в форме записи.

Итог

PageSpeed 90+ — не финальная цель и не мерило «хорошего сайта». Это базовая гигиена, без которой остальные усилия в performance- и контент-маркетинге работают вполсилы. Реклама дороже, SEO медленнее, конверсия ниже.

В 2026 быть быстрее конкурентов — это не преимущество, а условие выживания на рынке, где все оптимизируют свои сайты. Если вы там, где десять лет назад были «адаптивная вёрстка» и «SSL-сертификат» — пора закрывать этот gap.

И сделать это дешевле сейчас, пока разрыв небольшой. Через год переезжать со старого Wordpress-шаблона на современный стек обойдётся в десять раз дороже, чем оптимизировать существующий с нуля сегодня.

  • Performance
  • Core Web Vitals
  • B2B
Все статьи блога
Готовы обсудить проект?Расскажите задачу — соберём команду и предложим план реализации.Обсудить проект