Bundle Size Calculator
Calculate total web bundle size, gzip estimate, 3G load time, and performance score from JS, CSS, images, fonts, and other assets.
How to Use the Bundle Size Calculator
- Enter sizes for JS, CSS, images, fonts, and other assets in KB.
- Click Calculate to see total size, gzip estimate, load time, and score.
使用例
- •Auditing bundle size before production releases.
- •Comparing bundle sizes across branches or builds.
- •Setting bundle size budgets in CI/CD pipelines.
- •Identifying the largest assets to optimize first.
計算式
Total = JS + CSS + images + fonts + other. Gzip ≈ total × 0.30. Load time (3G at 50 KB/s) = total / 50.
よくある質問
What is a good total bundle size?
Under 200 KB scores 100. Under 500 KB scores 80. Over 2 MB scores 20 and causes serious performance issues.
How do I reduce bundle size?
Use code splitting, tree shaking, lazy loading, image optimization, and remove unused dependencies.
What is 3G load time based on?
3G typically delivers about 50 KB/s effective throughput for compressed assets. Good mobile UX targets under 3 seconds.