Give every byte a purpose.
Set a size budget, explore what takes up space, and plan a lighter page. A small calculator for a more deliberate website.
Starts with an illustrative example, not a measured page or universal target. Replace the numbers with compressed transfer sizes from your report or browser Network panel. No data is uploaded or stored.
Make room for what matters.
Preparing calculator…
The weight of your page.
93% of your 1,500 KB budget
at 10 Mbps
A network-only estimate. It does not predict page-load time, LCP, or your Lighthouse score.
Where the bytes go.
- HTML
- 20 KB 1.4%
- CSS
- 80 KB 5.7%
- JavaScript
- 300 KB 21.4%
- Images
- 800 KB 57.1%
- Fonts
- 100 KB 7.1%
- Other
- 100 KB 7.1%
What if your images were lighter?
Move the slider to model a smaller image transfer. Your entered plan stays unchanged. This is a scenario, not an image-quality promise or a Lighthouse score.
Use the estimate in context.
The calculation is entered kilobytes × 1,000 × 8 ÷ bits per second. It assumes the full connection rate is continuously available. Real pages also depend on latency, DNS and connection setup, server response, resource discovery, shared bandwidth, caching, JavaScript, and rendering. Some resources load after the page becomes useful.
Start with the largest categories, preserve necessary content and features, and measure the same page after each change.
Read more: web.dev on performance budgets and what makes up LCP.