Page Weight Checker Calculator

Enter Page Resource Values

Use actual page data or sample estimates to compare raw weight, transfer size, cache savings, and approximate loading time.

HTML Size (KB)

Rendered document markup size.

CSS Size (KB)

All loaded stylesheets combined.

JavaScript Size (KB)

Application bundles and scripts.

Image Size (KB)

Hero images, thumbnails, icons, and graphics.

Font Size (KB)

Font files across families and weights.

Video Size (KB)

Inline or autoplay video payload.

Third-Party Size (KB)

Tags, widgets, analytics, and embeds.

Other Assets (KB)

Miscellaneous files not listed above.

Total Requests

Total network requests for the page.

Compression Rate (%)

Text asset reduction from compression.

Cache Hit Rate (%)

Repeat-view savings from cached assets.

Bandwidth (Mbps)

Connection speed used for the estimate.

Latency (ms)

Round-trip network delay.

Formula Used

Raw Page Weight = HTML + CSS + JavaScript + Images + Fonts + Video + Third-party + Other
Compressed Text Weight = (HTML + CSS + JavaScript + Third-party + Other) × (1 − Compression Rate)
First-View Transfer = Compressed Text Weight + Images + Fonts + Video
Repeat-View Transfer = First-View Transfer × (1 − Cache Hit Rate)
Estimated Load Time = (Transfer KB × 8 ÷ Bandwidth Mbps ÷ 1000) + Latency + Request Overhead
Optimization Score starts at 100 and subtracts penalties for high transfer size, request count, and estimated delay while rewarding stronger compression and caching.

How to Use This Calculator

Enter the size of each asset group in kilobytes using measurements from your audits, developer tools, or page reports.
Add the total request count for the page, then enter realistic compression and cache hit percentages.
Set an expected bandwidth and latency profile that matches your target audience or testing environment.
Click Calculate Page Weight to view total weight, transfer estimates, load-time impact, and an optimization score.
Use the recommendations, asset breakdown, and exports to guide performance and SEO improvements.

Example Data Table

Page Type	HTML (KB)	CSS (KB)	JS (KB)	Images (KB)	Fonts (KB)	Third-party (KB)	Total Raw Weight (KB)
Blog Article	95	140	180	420	90	120	1,015
Landing Page	160	210	390	1,250	150	240	2,500
Product Detail Page	220	260	480	1,880	190	310	3,430

FAQs

1. What is page weight?

Page weight is the total size of files needed to load a page. It includes HTML, CSS, scripts, images, fonts, media, and external assets.

2. Why does page weight matter for SEO?

Heavy pages usually load slower, especially on mobile networks. Slow delivery can hurt user satisfaction, crawl efficiency, engagement, and performance-related search signals.

3. Is raw page weight the same as transferred size?

No. Raw weight is the total unadjusted size of resources. Transfer size is what users actually download after compression and, on repeat visits, after caching savings.

4. Which asset type usually causes the biggest problem?

Images are often the largest contributor, but JavaScript and third-party tags can also create major delays. The biggest issue depends on the page design and stack.

5. What is a good page weight target?

Many teams aim to keep first-view transfer under about 1 to 2.5 MB. The right target depends on device mix, audience networks, and page purpose.

6. How can I reduce page weight quickly?

Start with image compression, unused script removal, file consolidation, stronger compression, browser caching, and limiting low-value third-party scripts or widgets.

7. Why include request count in the estimate?

More requests usually mean more connection overhead and sequencing delays. Even small files can slow loading when too many requests compete for bandwidth.

8. Are the load-time results exact?

No. They are directional estimates based on the values you enter. Real-world performance also depends on rendering, server processing, protocol behavior, and device power.