Как оптимизировать производительность фронтенда?

Основные направления: уменьшить размер бандла (code splitting, tree shaking, lazy loading), оптимизировать рендеринг (React.memo, useMemo, useCallback, виртуализация списков), минимизировать работу с DOM, оптимизировать картинки (WebP, lazy loading, srcset), кешировать (HTTP-кеш, Service Worker). Инструменты диагностики: Lighthouse, Chrome DevTools Performance/Network, React DevTools Profiler. Web Vitals — ключевые метрики: LCP (скорость отрисовки), FID/INP (интерактивность), CLS (стабильность раскладки).