Перформанс — это сумма мелких улучшений: разбивка бандла по роутам, ленивый импорт компонентов и скелетоны дают заметное ускорение Time to Interactive. Начните с определения критического пути — кода и данных, необходимых для первого значимого отображения — и держите этот бандл минимальным.
Отложите неважную работу через requestIdleCallback, используйте prefetch для вероятно нужных чанков, сжимайте и tree‑shake ассеты. Критический CSS инлайньте, остальное подгружайте асинхронно. CDN и правильные заголовки кеширования значительно ускоряют повторные заходы.
Для данных применяйте прогрессивную гидратацию: сначала рендерите оболочку, затем гидратируйте тяжёлые компоненты. Кеширование (stale‑while‑revalidate), optimistic UI и мемоизация помогают держать интерфейс отзывчивым. Профилируйте с React Profiler, чтобы находить «hot» рендеры.
Метрики CWV (LCP, TTI/INP) — ваши ориентиры; установите перформанс‑бюджеты и проверяйте их в CI. Последовательное применение этих практик даёт стабильный и измеримый эффект.