Как улучшить производительность сайта

Оптимизация загрузки ресурсов: - Минификация и сжатие CSS/JS (Webpack, Vite) - Использование lazy loading для изображений и компонентов - Подключение скриптов с `async`/`defer` Пример lazy loading в React: ```jsx const LazyComponent = React.lazy(() => import('./HeavyComponent')); function App() { return ( }> ); } ``` Оптимизация рендеринга: - Виртуализация длинных списков (react-window) - Мемоизация компонентов (React.memo, useMemo) - Избегание лишних ререндеров Кэширование: - Service Workers для PWA - Локальное кэширование данных (React Query, SWR) - CDN для статических ресурсов Метрики: - Использование Lighthouse для аудита - Оптимизация Core Web Vitals (LCP, FID, CLS)