Какие знаешь способы оптимизации

Ленивая загрузка (Lazy Loading)
Загружаем ресурсы (изображения, компоненты) только при необходимости.

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

Кеширование
Используем localStorage, sessionStorage или Service Workers для кеширования данных.

Оптимизация изображений
Сжимаем изображения (WebP, AVIF), используем srcset для адаптивности.

Дебонсинг и троттлинг
Уменьшаем количество вызовов событий (например, scroll, resize).

const debounce = (fn, delay) => {
  let timer;
  return (...args) => {
    clearTimeout(timer);
    timer = setTimeout(() => fn(...args), delay);
  };
};

Виртуализация списков
Рендерим только видимые элементы (например, react-window).

Оптимизация CSS/JS
Минификация, разделение кода (code splitting), удаление неиспользуемого кода (tree shaking).

Использование Web Workers
Выносим тяжелые вычисления в отдельный поток.

Оптимизация ререндеров
В React: React.memo, useMemo, useCallback.

CDN
Размещаем статику на CDN для быстрой доставки.

SSR/SSG
Используем Next.js, Gatsby для улучшения SEO и перфоманса.