Skip to content

Analyze bundle stats(bundle size, assets, modules, packages) and compare the results between different builds. Support for webpack, rspack, rollup and vite.

License

Notifications You must be signed in to change notification settings

relative-ci/bundle-stats

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

BundleStats screenshot

Demos: Bundle analysis comparison ยท Bundle analysis

BundleStats

Analyze webpack stats(bundle size, assets, modules, packages) and compare the results between different builds.

Node version GitHub action CodeQL

RelativeCI

- Bundle size and totals by file type(css, js, img, etc)
- Insights: duplicate packages, new packages
- Initial JS/CSS, Cache invalidation, and other bundle metrics
- Assets report (entrypoint, initial, types, changed, delta)
- Modules report (changed, delta, chunks, duplicate count and percentage)
- Packages report (count, duplicate, changed, delta)
โญ Side by side comparison for multiple builds

Related projects

๐ŸŒ€ relative-ci.com

Optimize your web app's performance with automated bundle stats analysis and monitoring.

  • ๐Ÿ”ฎ In-depth bundle stats analysis for every build
  • ๐Ÿ“ˆ Monitor bundle stats changes and identify opportunities for optimizations
  • ๐Ÿ”” Rule based automated review flow, or get notified via GitHub Pull Request comments, GitHub check reports and Slack messages
  • ๐Ÿ”ง Support for webpack and beta support for Vite/Rollup
  • ๐Ÿ”จ Support for all major CI services(CircleCI, GitHub Actions, Gitlab CI, Jenkins, Travis CI)
  • ๐Ÿ”ฉ Support for npm, yarn and pnpm; support for monorepos
  • ๐Ÿ’• Always free for Open Source

๐Ÿš€ Get started

Standalone web application to compare Webpack/Lighthouse/Browsertime stats.

Compare bundle stats

Github Action that generates bundle-stats reports.

Packages

npm npm

CLI to generate bundle stats report.

npm npm

Webpack plugin to generate bundle stats report.

npm npm

Gatsby plugin for bundle-stats.

npm npm

Next.js plugin for bundle-stats.

npm npm

Rollup plugin to generate bundle stats report.