Web Tools tools.bryantsmith.com

SEO & Performance

Page Weight Budget Planner

Give a page a total weight budget, decide how much each kind of resource may use, and watch the measured sizes add up. Everything stays in your browser.

Runs in your browser v1.0.0

Budget check

100% allocated

Total page weight

1.12 MB

of 1.5 MB budget · 390 KB remaining

Categories

Drag a share slider to set each category’s slice of the budget, then type the measured size in the Actual field. A plain number is treated as KB, and sizes like 1.2 MB are understood too.

HTML

Budget —

CSS

Budget —

JavaScript

Budget —

Images

Budget —

Fonts

Budget —

Other

Budget —

How it works

The total budget is read from the field above. Each category’s cap is its share of that budget, and the bar compares the measured size you type against that cap, so you can see what is running long before it ships. Sizes accept B, KB, MB and GB; a bare number counts as KB. Nothing is uploaded, and the share link only encodes the numbers in the page address.

Related tools

  • Resource Size CalculatorPaste a list of JS, CSS, image and font resources to total them and see the size breakdown by category.
  • Service Worker Cache PlannerMap asset and request categories to service-worker caching strategies and get ready-to-ship Workbox or vanilla code.
  • Cache-Control BuilderBuild a Cache-Control response header from your caching intent, with live explanations and copyable output.
  • Cache-Control ExplainerPaste any Cache-Control header to get a plain-English breakdown of every directive, plus warnings for conflicts and mistakes.
  • Canonical URL CheckerCompare a page URL with its canonical URL and flag common canonicalization problems, entirely in your browser.
  • Compression Ratio CalculatorCompare original, gzip, and Brotli sizes to see compression ratios and percentage savings.

More SEO & Performance tools