Web Performance Budget Calculator
Track your web page performance budget across HTML, CSS, JS, images, and fonts. Calculate total size, budget usage, and estimated 3G load time.
How to Use the Performance Budget Calculator
- Enter your total performance budget in KB.
- Enter sizes for HTML, CSS, JS, images, and fonts.
- Click Calculate to see usage, remaining budget, and 3G load time.
حالات الاستخدام
- •Enforcing performance budgets in CI/CD pipelines.
- •Auditing page weight before releases.
- •Comparing mobile performance across page versions.
- •Setting asset size guidelines for development teams.
الصيغة
Total = HTML + CSS + JS + images + fonts. Load time (3G) = total KB / 50 KB/s. Score = 100 if < 200 KB, scales down to 20 for > 2 MB.
الأسئلة الشائعة
What is a performance budget?
A performance budget sets maximum sizes or timing thresholds for web assets to ensure fast load times.
What total page size is good?
Under 200 KB is excellent. Under 500 KB is good. Over 1 MB starts to cause slow experiences on mobile.
How do I reduce JS bundle size?
Use tree shaking, code splitting, lazy loading, and avoid large dependencies. Aim for under 150 KB of JS.