эссе об инженерии скорости · 8 минут чтения

Каждые
100 мс LCP
стоят денег.

Москва — Екатеринбург методология RUM × LAB Битрикс / Laravel / Next.js

02Stack Lab — это компактная инженерная команда, которая занимается одной задачей: делает большие веб-проекты быстрее.

Не SEO, не редизайн, не маркетинг. Сначала смотрим как сайт ведёт себя в реальности: на 4G в Тюмени, на старом MacBook менеджера, на Android-смартфоне курьера. Потом разбираем по слоям и ускоряем то, что приносит деньги.

Если LCP вашего каталога 4 секунды — половина посетителей уходит до того, как увидит товар. Это не философия, это арифметика.

— 01

Зачем существует Stack Lab

Большой сайт — это не один продукт, а двенадцать разных продуктов, склеенных в одном репозитории. Каталог, корзина, личный кабинет, фильтры, поиск, сравнение, шаблоны e-mail, админка. Каждый со своим возрастом, своим тимлидом, своей историей.

Когда такой сайт начинает тормозить, простой ответ — «купите сервер мощнее» — почти никогда не помогает. Узкое место сидит не там, где кажется: в одном неудачном SQL-запросе из 2014 года, в дублирующемся ESI-фрагменте, в шрифте, который ждёт критическую CSS, в бандле, который тащит lodash целиком ради одной функции.

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

Stack Lab — это инженерный аналог второго мнения. Мы заходим в проект на две недели, разбираем стек по швам, пишем отчёт и план. Дальше — на выбор: внедряете сами по нашему roadmap или приглашаете нас на саму оптимизацию.

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

Сайт, который грузится 1.6 секунды вместо 3.8, не «ощущается чуть быстрее» — он зарабатывает на 18 % больше.

— 02

Что мы делаем

Пять направлений работы. Все можно заказать отдельно или собрать в маршрут под конкретную задачу.

Аудит производительности

Глубокий разбор стека: бэкенд, БД, фронт, доставка, кеширование. Отчёт на 40–80 страниц + roadmap с приоритизацией по ROI.

2 недели

от 180 000 ₽

Оптимизация Битрикс

Композитный сайт, Smart Filter, медленные инфоблоки, ESI-кеш, replica MySQL, опимизация ядра под высокую нагрузку.

4–8 недель

от 600 000 ₽

Frontend-инженерия

Bundle splitting, critical CSS, lazy hydration. Замеры через RUM (Cloudflare / собственный коллектор), Sentry-метрики, snapshot-регрессии.

3–6 недель

от 380 000 ₽

CDN и edge-стратегии

Cloudflare, BunnyCDN, Selectel CDN. ESR, KV-кеш, перенос статики и тяжёлых страниц на edge с инвалидацией по событиям.

2–4 недели

от 240 000 ₽

Поддержка перформанса

Регулярный мониторинг RUM, ежемесячный обзор регрессий, помощь команде с релизами. Без длинных контрактов.

помесячно

от 95 000 ₽/мес

— 03

Из лабораторного журнала

Три недавних кейса с фактурой. Без названий клиентов — публикуем по NDA только результаты и стек.

2024 / Q4

B2B-каталог
автозапчастей

Битрикс / MySQL 8 / Cloudflare

4.2 с → 1.6 с LCP

Каталог на 220 тысяч SKU, который лежал в часы пик

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

Узкое место сидело в композитном кеше: при инвалидации по событию «обновился остаток» сбрасывалось 60 % страниц вместо точечных 0.4 %. Переписали ключи кеша на основу по группе товара + ESI-фрагмент остатков на отдельный микросервис. Дополнительно — критический CSS на 8 шаблонов и lazy на блоки рекомендаций.

× 2.6прирост LCP

2024 / Q3

Магазин
стройматериалов

Битрикс / Smart Filter

2.8 с → 720 мс листинг

Smart Filter, который думал по 3 секунды

38 тысяч товаров, 14 свойств в фильтре, 60 % мобильного трафика. Фильтр на холодном кеше выдавал TTFB до 4.2 с — посетитель успевал закрыть вкладку.

Перевели Smart Filter на отдельный read-only replica MySQL, добавили предрасчёт hit-counters раз в 5 минут, выкинули один особо тяжёлый left join. Параллельно убрали с листинга 4 синхронных JS-бандла и перевели изображения карточек на AVIF с fallback.

+18 %конверсия в корзину

2025 / Q1

Маркетплейс
хобби-товаров

Next.js / GraphQL / Bunny

P95 INP 380 мс → 90 мс

Headless Next.js, в котором зависал тач на Android

Свежезапущенный маркетплейс выдавал зелёные цифры в Lighthouse, но реальные пользователи на бюджетных Android жаловались на «лаги». RUM показал INP P95 380 мс — на грани красной зоны.

Виноват был один HOC, который пересчитывал контекст корзины на каждом keypress в поиске. Развязали реактивные подписки через Zustand-селекторы, добавили scheduler.yield в обработчик скролла, перенесли картинки превью на BunnyCDN с auto-format. P95 INP опустился втрое за полторы недели.

× 4.2скорость отклика

— 04

Метод аудита

Аудит — это не отчёт-PDF, который можно скачать за 30 минут. Это две недели работы трёх инженеров. Вот как они проходят.

— ДЕНЬ 1–3

Снимаем срез реальности

Ставим RUM-коллектор. Собираем 72 часа реального трафика по всем устройствам и регионам. Параллельно — синтетика через WebPageTest на 8 сценариях.

— ДЕНЬ 4–7

Разбираем стек по швам

Профилируем БД (slow log, EXPLAIN, missing indexes), смотрим bundle, считаем критический путь рендера. Делаем flame-графы и waterfall-разборы.

— ДЕНЬ 8–11

Считаем ROI каждой правки

Для каждой найденной проблемы — оценка влияния на LCP/INP/TTFB и оценка трудозатрат вашей команды. Итог: roadmap с понятным приоритетом.

— ДЕНЬ 12–14

Защищаем результат

Очная встреча с разработчиками заказчика на 2 часа. Проходим отчёт строчка за строчкой. Отвечаем на вопросы. Договариваемся, кто что делает дальше.

— 05

Кто внутри лаборатории

Маленькая команда, которая выросла из инженерной практики, а не из агентского отдела продаж.

АШ

Артём Шабалов

основатель · perf-инженер

— 01

НЛ

Никита Левин

frontend / RUM

— 02

ЮД

Юлия Дёмина

аналитика · отчёты

— 03

АМ

Антон Мирошников

backend · БД

— 04

МС

Максим Симченко

работа с клиентами

— 05

— 06

Частые вопросы

Сколько занимает аудит и из чего состоит?

14 рабочих дней. Первая неделя — сбор данных и инструментирование. Вторая — анализ и подготовка отчёта. На выходе — документ на 40–80 страниц с roadmap, оценкой эффекта каждой правки и приоритизацией. Заканчивается очной защитой результата с вашими разработчиками.

Чем вы лучше тех, кто продаёт «оптимизацию» за 30 000 ₽?

Дешёвые «оптимизации» — это обычно пункт по чек-листу: WebP-картинки, минификация и плагин кеша. Это даёт 10 % улучшения и не лечит причины. Мы заходим глубже: профилируем БД, разбираем bundle, переписываем кеш-стратегии, при необходимости переносим часть логики на edge.

Работаете ли с не-Битрикс проектами?

Да. У нас есть опыт с Laravel, Symfony, Yii2, чистым PHP, Next.js, Nuxt, Astro, Remix. Не работаем только с проектами на старых самописных движках без систем сборки — там оптимизировать почти нечего, обычно нужно переписывать.

Можете ли подписать NDA?

Подписываем стандартный NDA, либо двусторонний с заказчиком, либо его собственную форму. У нас есть рабочий шаблон по 152-ФЗ, можем прислать на согласование за день.

Есть ли гарантии на улучшение метрик?

В рамках сервисов оптимизации (не аудита) — да. Фиксируем целевые значения LCP / INP / TTFB по конкретному списку шаблонов и согласовываем срок. Если не доходим — продолжаем работу до результата без увеличения чека.

А если мы не можем дать вам доступ к коду?

Аудит можем провести только по внешним сигналам и публичной части — это будет дешевле, но и менее глубоко. Без кода и БД нельзя дать roadmap по оптимизации, только по фронту и доставке.

Каждые 100 мс LCP стоят денег.