Какие использовал инструменты оптимизации

Для оптимизации производительности использовал:

1. Ленивую загрузку (Lazy Loading) для изображений и компонентов:

   jsx

   Копировать

   const LazyComponent = React.lazy(() => import('./HeavyComponent'));

2. Мемоизацию через React.memo, useMemo, useCallback для предотвращения лишних ререндеров.

3. Код-сплиттинг (Webpack, Vite) для уменьшения размера бандла.

4. Оптимизацию изображений (сжатие, WebP, srcset).

5. Дебонсинг/троттлинг для событий (например, scroll, resize).

6. Виртуализацию списков (react-window, react-virtualized) для больших данных.

7. PWA для кеширования ресурсов через Service Worker.

8. SSR/SSG (Next.js) для улучшения SEO и TTI.

9. Оптимизацию CSS (удаление неиспользуемых стилей, critical CSS).

10. Анализ бандла (webpack-bundle-analyzer) для выявления тяжелых зависимостей.