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

Middle
268 просмотров
AFK Offer AI

Анализ: webpack-bundle-analyzer или vite-plugin-visualizer показывает что занимает место. Стратегии: tree shaking (ESM import вместо CommonJS), code splitting (dynamic import), замена тяжёлых библиотек (moment → date-fns, lodash → lodash-es или точечный импорт). Удали неиспользуемые зависимости. Проверь что polyfills не дублируются. Используй size-limit в CI — alert если бандл вырос. Compression: gzip/brotli на сервере. Source maps externally. Цель — initial bundle < 200KB gzipped.

Следующий вопрос

Как работает lazy loading картинок?