broccoli-concat-analyser
Analyzes bundle sizes and contents for broccoli-concat-based build chains with raw, uglified, and compressed metrics.
What is broccoli-concat-analyser?
broccoli-concat-analyser is a profiling tool for analyzing concatenated asset bundles in broccoli-concat-based build chains. It visualizes bundle sizes (raw, uglified, compressed) and contents to help developers identify optimization opportunities. The tool generates interactive HTML reports for detailed inspection of asset composition.
Frontend developers using broccoli-concat in their build pipelines, particularly those working on Ember.js applications via the ember-cli-bundle-analyzer addon.
It provides granular visibility into bundle composition and size metrics, enabling data-driven optimizations to reduce load times and improve application performance.
Overview
broccoli-concat-analyser is a profiling tool for build chains using broccoli-concat. It generates detailed visual reports showing the size and composition of concatenated bundles, helping developers understand and optimize their asset footprints.
Key Features
- Bundle Analysis — Displays raw, uglified (for JavaScript), and compressed sizes of concatenated assets.
- Visual Reports — Generates interactive foamtree visualizations (HTML files) for exploring bundle contents.
- Build Integration — Works with broccoli-concat-based workflows, triggered via environment variables during development.
- Ember Support — Integrated via ember-cli-bundle-analyzer addon for seamless use in Ember apps.
Philosophy
It provides actionable insights into asset composition to help developers reduce bundle bloat and improve performance.
Use Cases
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.