studio

Анализ бандла: как ловить регрессии размера JS до релиза

Анализ бандла: как ловить регрессии размера JS до релиза

Рост bundle часто незаметен до Lighthouse — один import icon-pack или date library добавляет сотни KB.

Bundle analyzer показывает дерево модулей; в CI сравнивают gzip-size с baseline в PR.

- [Reduce JavaScript payloads with code splitting — web.dev](https://web.dev/articles/reduce-javascript-payloads-with-code-splitting) — Code splitting и lazy routes.

- [webpack-bundle-analyzer — npm](https://www.npmjs.com/package/webpack-bundle-analyzer) — Визуализация состава бандла.

---

## Профилактика

Импортируйте точечно (lodash/es/map), включайте tree-shaking в bundler.

Проверяйте duplicate packages через npm ls или knip после major upgrades.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.