Page Weight Budget Calculator
Enter your asset sizes to get load time estimates, budget status, and a performance score based on Google Core Web Vitals.
Asset Sizes
–
–
Total page weight: –
Asset Breakdown
Estimated Load Times (transfer only)
Budget Status
| Asset | Your Size | Budget | Status |
|---|
About Page Weight & Web Performance
Page weight directly affects how fast your site loads — especially on mobile connections. Google's Core Web Vitals use metrics like Largest Contentful Paint (LCP) and First Input Delay (FID) that are all downstream of how much data the browser must download and parse.
The budgets used here are derived from Google's recommendations: HTML under 30 KB, CSS under 50 KB, JavaScript under 150 KB, Images under 500 KB, and Fonts under 100 KB. Keeping your total page under 1 MB is a strong target for most use cases. Heavy JavaScript is usually the biggest performance culprit — it must be downloaded, parsed, and executed before users can interact.
Load time estimates assume ideal conditions (no latency, 100% bandwidth utilization). Real-world load times will be higher due to TCP handshakes, DNS lookups, rendering work, and request waterfall effects. Use these numbers as a relative guide, not an absolute measure.