Подход
Мы выделили бюджеты производительности на страницу и на компонент. Внедрили критический CSS, code‑splitting и lazy‑loading.
Что оптимизировали
- LCP: сокращение blocking‑ресурсов, оптимизация hero‑изображений.
- CLS: фиксация размеров медиа, предзагрузка системных шрифтов.
- FID/INP: устранение долгих задач, useIdleCallback, web‑workers.
Инструменты
- Lighthouse, WebPageTest, Sentry Performance.
- bundle‑анализ (source‑map‑explorer), Preload/Prefetch.
Результат
95+ по CWV на ключевых страницах, снижение TTFB и рост конверсии.