Page Speed Budget Calculator
Calculate optimal page weight budgets for your target load times and connection speeds. Get recommended budgets for different resource types.
Performance Goals
Good user experience
Set your performance goals and
click "Calculate Budget" to see your results
How We Calculate Page Budgets
Bandwidth Formula
We calculate the theoretical maximum based on network bandwidth and apply a 60% efficiency factor:
- •TCP overhead: Headers, handshakes, and protocol overhead
- •Parse time: Browser time to process HTML, CSS, and JS
- •Render time: Time to paint and composite the page
Budget Allocation
Our percentages are based on analysis of high-performing websites:
- •Images 45%: Usually the largest resource type
- •JavaScript 25%: Modern sites use significant JS
- •CSS 10%: Minified stylesheets
- •Fonts 10%: Web fonts if used
Frequently Asked Questions
What's a performance budget?
A performance budget is a set of limits on metrics that affect site performance. It helps teams make design and development decisions that keep pages fast. Common metrics include total page weight, number of requests, and load time.
Why is 1-2 seconds the target?
Google research shows that as page load time increases from 1s to 3s, bounce probability increases by 32%. From 1s to 5s, it increases by 90%. Fast pages improve user experience, conversions, and search rankings.
How do I measure my current page weight?
Use your browser's Developer Tools (F12) and go to the Network tab. Reload your page and look at the total size at the bottom. You can also use tools like GTmetrix, PageSpeed Insights, or WebPageTest for detailed analysis.
What if my page is over budget?
Focus on images first (compress and use modern formats like WebP), then JavaScript (remove unused code, split bundles), then CSS (remove unused styles). Consider lazy loading for below-the-fold content and prioritize critical resources.
Do these budgets guarantee fast loading?
These budgets provide a good starting point, but actual performance depends on server response time, CDN usage, caching, code efficiency, and how resources are loaded. Use this as a guideline alongside actual performance testing.
Ready to build fast websites that stay within budget?
Try SkunkPages - Lightning-Fast Website Builder