RelativeCI

In-depth webpack bundle analysis and monitoring

In-depth webpack
bundle analysis and monitoring

RelativeCI automates webpack bundle analysis, monitoring, and alerting so you can identify and fix bundle regressions before shipping your code to production.

Bundle Analysis - Assets

Who is using RelativeCI:

CareerExplorer by sokanuCelerativeoutlinepixelshardsensenetShipt

Testimonials

Julian PerelliCTO at Celerative

RelativeCI helped us detect big size bundles before they reach production. It removes the stress of forgetting an important check that we used to do manually.

Features

Job view - assets

Bundle analyzer

Get in-depth bundle insights for every build

RelativeCI bundle analyzer generates a detailed report for every build, allowing you to understand the impact of a new feature or a dependency change. The report contains information about total bundle size, assets, modules, dependencies in comparison with the baseline build:

  • total bundle size, initial JS, initial CSS, cache invalidation
  • asset totals by file type
  • assets, chunks
  • modules, duplicate modules and duplicate code
  • packages, duplicate packages
GitHub Pull Request comment

Feedback

Keep your team in the loop

View the summary of the bundle analysis report right where your team is working:

Project dashboard

Monitoring

Track bundle stats metrics

View how the bundle stats metrics are changing over time:

  • project metric charts by branch
  • compare jobs by period / interval
  • jobs listing by branch or by period

Testimonials

Leonardo FariaSenior Front-end Architect at Thinkific

already in 3 codebases here and it helps a lot analyzing the impact of a dependency in your bundle size

Start analyzing and monitoring yourwebpack bundle