Page Performance Budget Calculator
Add image, font, and script sizes and compare them with a size budget. It does not measure Core Web Vitals.
The most the page should weigh. 1,600 KB is a common target for a page that loads well on phones.
Find the sizes in your browser: open developer tools, choose Network, reload, and filter by type. Use the transferred size.
Your result
Enter the size of each part of your page. The total and your budget check appear here.
How to use it
- Type the three sizes and the budget, in KB.
- Read the total.
- Read the note. A positive number is over the budget.
Examples
- Over100, 20, and 30 against 120 150
- Under10, 10, and 10 against 40 30
- Exact40, 10, and 10 against 60 60
Tool details and privacy
Add up the size of your images, scripts, fonts, and CSS, and compare the total with your page weight budget. Bars show where the weight goes.
The numbers are kilobytes you type. The page does not look at a site.
Options
- Whole kilobytes. CSS and HTML are optional.
- The budget starts at 1,600 KB; pick another with one tap.
Limits
- Core Web Vitals are not measured.
- This does not load a page or time a script.
Privacy
What you type stays in your browser. Nothing is uploaded or saved on the server.
Questions
What is 100 + 20 + 30 against a budget of 120?
A total of 150 KB, which is 30 KB over.
Does this measure Core Web Vitals?
No. It adds the sizes you enter.
Where do I find the sizes?
In the browser developer tools, on the Network tab.
Is anything uploaded or saved on the server?
No. It stays in your browser.