Bundle Size Analyzer

Bundle

Bundle Analyzer

Analyze your JavaScript bundle size and identify opportunities for optimization.

856.0 KB
Raw
245.0 KB
Gzip
5
Chunks
12712.4%
Modules
App Code
Vendor
Assets
main.js
245.0 KB raw78.0 KB gzip
4 modules
NameSizeShare
src/App.tsx
45.0 KB18.4%
src/components/
89.0 KB36.3%
src/utils/
23.0 KB9.4%
src/hooks/
15.0 KB6.1%
vendor.js
412.0 KB raw128.0 KB gzip
4 modules
NameSizeShare
react
42.0 KB10.2%
react-dom
128.0 KB31.1%
lodash
72.0 KB17.5%
@tanstack/react-query
48.0 KB11.7%
styles.css
89.0 KB raw18.0 KB gzip
2 modules
NameSizeShare
tailwind.css
65.0 KB73%
components.css
24.0 KB27%
About this block

Bundle Size AnalyzerPRO

JavaScript bundle analysis with chunk breakdown. Visual size bars, module lists, and gzip comparisons. Color-coded by type: app code, vendor, assets.

More DevTools blocks

View all DevTools
PRO

devtools92

Bundle Chunk Analyzer

PRO

devtools6

Application Log Viewer

PRO

devtools20

Code Diff Viewer

Get Pro access