Sea-Detail — Выездной детейлинг
Высокопроизводительный лендинг для мобильного сервиса по уходу за автомобилями
Sea-Detail — сервис выездного детейлинга: специалист приезжает к клиенту. Аудитория — владельцы автомобилей, которые ищут сервис со смартфона в момент, когда он нужен прямо сейчас. Задача: тёмная editorial-эстетика, мгновенная загрузка на мобильных, простое управление контентом без разработчика.
Задача
Клиент работал с шаблонным сайтом на Tilda. Страница весила 3+ МБ, LCP превышал 5 секунд на мобильных. Конверсия падала — люди уходили до того, как видели оффер. Нужна была полная пересборка с жёстким перфоманс-бюджетом: не более 50 КБ трансфера, LCP < 1 секунды.
Решение
Выбрали Next.js App Router с SSG для статических страниц и Payload CMS как headless-бэкенд — клиент редактирует тексты и цены через чистый интерфейс без знания кода. Все изображения — Next.js Image с автоматическим WebP и lazy-loading. CSS Modules, нулевых JS на first paint за исключением критической инициализации.
Результат
DCL 269 мс, полная загрузка 433 мс при трансфере 33 КБ. Lighthouse Performance: 100. На мобильных реальный LCP стабильно ниже 800 мс. Клиент самостоятельно обновляет прайс-лист и акции через Payload CMS — первое обновление сделал через 15 минут после передачи проекта.