Page Weight Budget Calculator
Find out how heavy a page can be to load fast on mobile networks. Enter your target load time and the size of your HTML, CSS, JavaScript, images and fonts to see what to cut first.
How to find your page sizes
- Open your page in Chrome, right-click and choose Inspect, then the Network tab.
- Reload the page and filter by type: Doc, CSS, JS, Img and Font.
- Note the transferred size for each type in KB.
- Enter the sizes with your target load time and network.
Typical budget split
| Type | Share of budget | Tips |
|---|---|---|
| Images | 45% | WebP, correct sizes, lazy loading |
| JavaScript | 25% | Fewer plugins, delay scripts |
| CSS | 10% | Remove unused CSS |
| Fonts | 10% | Two weights, WOFF2 |
| HTML and other | 10% | Clean page builder output |
Why page weight matters in India
Many visitors browse on mid-range phones and patchy mobile data. A heavy page that feels fine on office Wi-Fi can take many seconds on a bus in Faridabad. Lighter pages load faster, use less data, and tend to keep more visitors, which supports both conversions and Core Web Vitals.
Related tools
Shrink images with the image compressor and WebP converter, add lazy loading with the lazy load code generator, and check vitals with the Core Web Vitals checker.
More free tools and guides
Practise tools like this on real projects in our digital marketing course in Faridabad, with weekday, weekend and online batches.
See the courseAll free toolsAsk on WhatsApp
Frequently Asked Questions
Is this page weight calculator free?
Yes. It is free with no sign-up and works in your browser.
What is a good page size?
For fast mobile loading, many teams aim for under about 1 to 1.5 MB in total, and less for key landing pages.
Is page weight the same as page speed?
Not exactly. Speed also depends on server response, render-blocking files and JavaScript work, but weight is a big factor.
Which file type should I reduce first?
Usually images, then JavaScript. They are the largest part of most pages.