Почему Lighthouse 90+ — это не про скорость, а про деньги

Lighthouse — это не галочка для отчёта заказчику и не повод для хвастовства в презентации. Это прямая проекция того, сколько потенциальных клиентов уйдёт, не дождавшись загрузки страницы. Когда мы говорим «сделаем сайт быстрым», мы имеем в виду не цифру в тесте, а рубли, которые клиент не потеряет на этапе первого контакта.

В Краснодаре и по России доля мобильного трафика давно перевалила за 60%. Люди заходят с телефонов на нестабильном 4G, и каждая лишняя секунда ожидания превращается в закрытую вкладку. Мы видели десятки проектов, где «красивый, но тяжёлый» сайт съедал половину бюджета на рекламу впустую: клики-то приходили, а конвертировать было некого.

Каждая секунда стоит конверсии

По нашим замерам на реальных проектах, рост времени до интерактивности с 2 до 4 секунд снижает конверсию лендинга на 15–25%. На трафике 10 000 визитов в месяц это сотни потерянных заявок и реальные деньги, которые никто не вернёт. На интернет-магазинах эффект ещё сильнее: корзина бросается именно на этапе загрузки каталога, и медленная страница товара убивает покупку до её начала.

Важно понимать механику: пользователь не «ждёт 4 секунды и покупает». Он принимает решение уйти в первые полторы секунды, если не видит признаков жизни. Поэтому критичен не общий показатель загрузки, а время до первого контента (FCP) и до интерактивности (TTI).

• 2 секунды — комфортный порог, конверсия стабильна
• 3–4 секунды — падение заявок на 15–25%
• 5–6 секунд — отток более трети посетителей
• более 7 секунд — сайт фактически не продаёт с мобильных

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

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

• Размер JavaScript-бандла и число сетевых запросов — лишний код грузится на устройство клиента
• Серверный рендеринг критического контента — пользователь видит важное до полной загрузки
• Оптимизация изображений: webp/avif и правильные размеры по брейкпоинтам
• Агрессивное кэширование и CDN — повторные визиты открываются мгновенно

Lighthouse и Core Web Vitals

Lighthouse — это удобный синтетический тест, но Google смотрит на полевые метрики Core Web Vitals: LCP (загрузка главного контента), INP (отзывчивость) и CLS (визуальную стабильность). Именно они влияют на ранжирование. Поэтому мы ориентируемся не на лабораторный буст, а на реальные показатели с устройств живых пользователей.

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

Почему производительность = деньги

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

• Ниже стоимость заявки — реклама работает на полную
• Выше позиции в органике — бесплатный трафик растёт
• Меньше отказов — больше повторных визитов
• Стабильнее работа на слабых устройствах и сетях

Мы не гонимся за цифрой ради цифры. Lighthouse 90+ — это побочный эффект быстрого сайта, который продаёт.

Реальный пример из практики

Один из клиентов — локальный магазин мебели — пришёл с лендингом на 5,8 секунды загрузки. После пересборки на Next.js с SSR и сжатием изображений мы вышли на 1,9 секунды. Конверсия в заявку выросла с 1,4% до 2,6%, то есть почти вдвое. При том же рекламном бюджете магазин получил в полтора раза больше обращений без дополнительных вложений в трафик.

Как мы закладываем это с самого начала

Производительность нельзя «довесить» в конце. Мы проектируем лёгкий стек, ограничиваем тяжёлые зависимости, верстаем с учётом CLS и сразу настраиваем CDN. На этапе разработки у нас в CI висит проверка бандла: если он раздулся — сборка не проходит. Это дисциплина, а не разовая акция.

Чек-лист быстрого сайта

• Измеряйте не тест, а полевые метрики реальных пользователей
• Ограничьте JS-бандл и уберите неиспользуемый код
• Отдавайте картинки в webp/avif нужного размера
• Включите сжатие и кэш на уровне сервера и CDN
• Проверяйте мобильную скорость — там теряется большинство клиентов

Как проверить свой сайт самостоятельно

Не обязательно звать агентство, чтобы понять, что сайт тормозит. Откройте PageSpeed Insights или Lighthouse в DevTools, прогоните главную и три ключевые страницы с мобильного профиля. Смотрите не на общий балл, а на полевые метрики реальных пользователей — именно они отражают опыт ваших клиентов.

• Замерьте LCP, INP и CLS по каждой ключевой странице
• Сравните мобильный и десктопный профили — разница часто огромна
• Посмотрите отчёт «предложения» — там прямой список правок
• Проверьте сайт на реальном телефоне через 4G, а не через Wi-Fi офиса

Мифы о производительности

Распространённый миф — «у меня быстрый компьютер, значит и клиентам быстро». Нет: клиенты сидят на слабых аппаратах и медленном интернете. Второй миф — «картинки неважны», хотя они чаще всего и тянут загрузку. Третий — «потом оптимизируем», хотя переделывать потом в разы дороже, чем заложить сразу.

С чего начать завтра

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

• Сожмите и перекодируйте все изображения в webp/avif
• Уберите неиспользуемые скрипты и пиксели
• Включите кэширование и сжатие на сервере
• Перепроверьте скорость через неделю после правок

Итог простой: сайт, который загружается быстро, продаёт больше, ранжируется выше и дешевле обходится в рекламе. Lighthouse 90+ — это не про гордость разработчика, это про вашу выручку. Если сайт тормозит — он крадёт у вас деньги каждый день, и починить это почти всегда дешевле, чем лить ещё бюджет в медленный воронку.