Report from CI
Send sizes from your build pipeline with one command after the assets are built.
Find what’s making your JavaScript bundles heavy
Track bundle size over time from CI, see which modules joined or left, and get alerted when budgets break.
Built for CI and real SPAs
Crawl a live URL
A headless browser captures scripts loaded at runtime, including lazy chunks.
Budgets and alerts
Get alerted when a budget breaks, and fail CI before the regression ships.
The same charts your team sees
Total size, then each file, then the modules inside. This is sample data from a storefront app.
File size over time
charts.js appears when the sales chart ships. vendor.js drops after lodash is tree-shaken.
Module breakdown
Packages and project files from stats.json. Bigger blocks are the heavier modules. Hover a block for its share.
Module changes
See which modules joined or left since the previous stats build. Green is what arrived, red is what left. The sales chart brings in apexcharts and new page files. Later, lodash and moment leave when vendor.js is cleaned up, and checkout files arrive.
Latest · compared to a build from +37.1 KB −184 KB
Removed (3)
| Module | Last size |
|---|---|
lodash
Bundlephobia
|
78 KB |
moment
Bundlephobia
|
65.6 KB |
core-js
Bundlephobia
|
40.8 KB |
Added (4)
| Module | Size |
|---|---|
src/pages/Checkout.tsx
|
24.2 KB |
src/components/CartDrawer.tsx
|
8.44 KB |
src/controllers/checkout_controller.ts
|
3.34 KB |
src/lib/format_price.ts
|
1.15 KB |
· compared to a build from +130 KB −6.05 KB
Removed (1)
| Module | Last size |
|---|---|
src/pages/ReportTable.tsx
|
6.05 KB |
Added (3)
| Module | Size |
|---|---|
apexcharts
Bundlephobia
|
117 KB |
src/pages/SalesChart.tsx
|
9.18 KB |
src/controllers/chart_controller.ts
|
3.77 KB |
Start free
Upgrade in the app when you need budgets, diagnosis, or pull request comments.
See pricing