Какие знаешь подходы к оптимизации приложения

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

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

Мемоизация
Используем React.memo, useMemo, useCallback для предотвращения лишних ререндеров.

Оптимизация изображений
Сжатие, использование форматов WebP/AVIF, lazy loading через loading="lazy".

Чанкование кода (Code Splitting)
Разбиваем бандл на части с помощью динамических импортов.

Дебонсинг и троттлинг
Уменьшаем количество вызовов тяжелых функций (например, обработчики событий скролла).

Виртуализация списков
Для больших списков используем библиотеки типа react-window.

Оптимизация CSS
Минимизация вложенности, использование CSS-переменных, избегание @import.

SSR/SSG
Для улучшения SEO и времени первой загрузки (Next.js, Gatsby).

Кэширование
Используем Service Workers, CDN, HTTP-кеширование.

Анализ производительности
Инструменты: Lighthouse, WebPageTest, Chrome DevTools.