Web Page Total Size Estimator
Estimate total web page transfer size from your HTML, CSS, and JavaScript content online for free. Our web page total size estimator shows uncompressed, GZIP-compressed, and Brotli-compressed sizes with a per-asset breakdown and automatic performance budget check against Core Web Vitals and Lighthouse thresholds. No signup, no server uploads, 100% private.
0 chars · 0 B
Why Use Our Web Page Total Size Estimator?
Instant Page Weight Analysis
Our web page total size estimator processes your HTML, CSS, and JavaScript entirely in your browser — no upload wait times. Paste your assets and see uncompressed, GZIP, and Brotli transfer sizes with per-asset breakdown in seconds.
Secure Web Page Size Estimator Online
Your HTML, CSS, and JavaScript content never leaves your device when you use our web page total size estimator online. 100% client-side processing means complete privacy — no server uploads, no source code retention, and no risk of exposing proprietary frontend code.
Web Page Size Estimator — No Installation
Estimate web page transfer size directly in your browser with no Node.js, no webpack, and no build tools required. Our web page total size estimator works on any device with a modern browser — no setup, no dependencies, no account needed.
Performance Budget Assessment
Our web page total size estimator checks your page against Core Web Vitals targets, Google PageSpeed thresholds, and Lighthouse JavaScript size limits — giving you an instant pass/fail assessment against industry performance budgets.
Common Use Cases for Web Page Total Size Estimator
Core Web Vitals Optimization
Use our web page total size estimator to measure your page weight before and after optimization. Reducing total transfer size directly improves Largest Contentful Paint (LCP) and Time to Interactive (TTI) — the two Core Web Vitals metrics most affected by asset size.
Next.js & React Build Analysis
Paste your Next.js or React build output (HTML, CSS, JS chunks) into our web page total size estimator to measure compressed transfer size before deployment. Compare GZIP vs Brotli savings to decide which compression algorithm to configure on your hosting platform.
JavaScript Bundle Size Budgeting
Measure your JavaScript bundle's GZIP and Brotli transfer sizes against Lighthouse's 150 KB compressed JS budget. Our web page total size estimator shows exactly how much of your performance budget each asset consumes before you push to production.
Server Compression Configuration
Estimate GZIP and Brotli savings for your page assets before configuring compression on Nginx, Apache, or Cloudflare. Our web page total size estimator shows the exact bandwidth reduction you can expect, helping you justify the server configuration change.
E-Commerce Page Weight Auditing
Audit product page HTML, CSS, and JavaScript weight for e-commerce sites where page speed directly impacts conversion rates. Our web page total size estimator identifies which asset type contributes most to page weight so you can prioritize optimization efforts.
WordPress & CMS Theme Optimization
Paste your WordPress theme's HTML output, combined CSS, and JavaScript to measure total page weight. Our web page total size estimator helps theme developers and site owners identify bloated assets and set realistic performance budgets before publishing.
Understanding Web Page Transfer Size
What is Web Page Total Transfer Size?
Web page total transfer size is the sum of all compressed bytes transferred over the network when a browser loads a page — including the HTML document, CSS stylesheets, and JavaScript bundles. Our web page total size estimator measures this for three scenarios: uncompressed (raw bytes, as stored on disk), GZIP-compressed (the most common HTTP Content-Encoding), and Brotli-compressed(the modern standard that achieves 15–25% better compression than GZIP). Understanding your page's transfer size is critical for Core Web Vitals, Lighthouse scores, and mobile performance on slow connections.
How Our Web Page Total Size Estimator Works
- Paste your page assets:Enter your HTML document, CSS stylesheet(s), and JavaScript bundle(s) into the respective panels. Use the "Load sample page" button to try a realistic example. Upload files directly using the upload button in each panel. All processing happens locally in your browser — your source code never leaves your device.
- Instant browser-based analysis:Click "Estimate Page Transfer Size" and the tool computes GZIP sizes using the browser's native
CompressionStreamAPI and estimates Brotli sizes using Shannon entropy analysis — the same model used by our Brotli Compression Estimator. - Review the breakdown and performance budget: See total page weight across all three compression scenarios, a per-asset breakdown showing which asset type contributes most to page weight, and an automatic performance budget check against Core Web Vitals and Lighthouse thresholds.
What the Web Page Size Estimator Measures
- Uncompressed Size: The raw byte count of each asset as stored on disk — this is what you see in your file system and what gets transferred if your server has no compression configured.
- GZIP Transfer Size:The exact compressed size using GZIP (Content-Encoding: gzip) — the most widely supported HTTP compression format, computed using the browser's native CompressionStream API.
- Brotli Transfer Size (Estimated): The estimated compressed size using Brotli (Content-Encoding: br) — the modern standard that achieves 15–25% better compression than GZIP for HTML, CSS, and JavaScript.
- Performance Budget Check: Automatic comparison against Core Web Vitals targets (200 KB total), Google PageSpeed thresholds (100 KB), and Lighthouse JavaScript size limits (150 KB compressed JS) — with pass/fail indicators for each threshold.
Important Notes About Page Size Estimation
This web page total size estimator measures only the text-based assets you paste — HTML, CSS, and JavaScript. It does not include images, fonts, videos, or other binary assets that also contribute to total page weight. For a complete page weight audit, use browser DevTools Network tab or tools like WebPageTest. Brotli sizes are estimated using Shannon entropy analysis and are typically accurate to within ±10–15% for typical web text payloads. GZIP sizes are exact when the browser supports the CompressionStream API (all modern browsers).
Related Tools
JSON Key Shortener
Shorten verbose JSON keys to single letters or abbreviated forms — shows size reduction and provides a downloadable key mapping file for restoration. Free online JSON key shortener.
JSON vs MessagePack Size Comparison
Compare JSON byte size vs MessagePack encoding for any payload — shows exact savings, type-by-type breakdown, and MessagePack hex preview. Free online JSON vs MessagePack comparison.
String Decompressor (GZIP/LZ)
Decompress GZIP+Base64, DEFLATE+Base64, and LZ-String compressed payloads back to readable text — supports all three LZ-String variants. Free online string decompressor.
ZIP File Extractor
Extract files from any ZIP archive client-side — browse contents, preview text files, download individual files or all at once. Free online ZIP extractor, no signup required.
Frequently Asked Questions About Web Page Total Size Estimator
A web page total size estimator calculates the total bytes transferred when a browser loads a page — including HTML, CSS, and JavaScript — in both uncompressed and compressed (GZIP/Brotli) form. Our web page total size estimator runs entirely in your browser using the native CompressionStream API, so your source code never leaves your device.
Google recommends keeping total page weight under 200 KB compressed for Core Web Vitals. The Lighthouse performance audit flags pages over 100 KB compressed as needing optimization. For JavaScript specifically, Lighthouse recommends keeping compressed JS under 150 KB. Our web page total size estimator checks your page against all three thresholds automatically.
Yes, completely. Our web page total size estimator processes everything locally in your browser. Your HTML, CSS, and JavaScript source code is never uploaded to any server, never stored, and never transmitted over the network. This is especially important for proprietary frontend code and unreleased features.
Yes. This web page total size estimator is 100% free with no signup, no premium tier, no watermarks, and no content size limits. You can analyze as many pages as you need with no restrictions.
No — our web page total size estimator measures only text-based assets: HTML, CSS, and JavaScript. Images, fonts, videos, and other binary assets are not included. For a complete page weight audit including all asset types, use browser DevTools Network tab, WebPageTest, or Lighthouse.
GZIP is the most widely supported HTTP compression format — all browsers and servers support it. Brotli (Content-Encoding: br) is the modern standard that achieves 15–25% better compression than GZIP for HTML, CSS, and JavaScript. Brotli is supported by all modern browsers and is available on Nginx, Apache, Cloudflare, and most CDNs.
The Brotli estimate uses Shannon entropy analysis calibrated against Brotli's known compression advantage and is typically accurate to within ±10–15% for typical web text payloads. GZIP sizes are exact — computed using the browser's native CompressionStream API. Browsers cannot compress Brotli natively, so an estimate is used.
The most effective techniques are: minify HTML, CSS, and JavaScript (removes whitespace and comments), enable GZIP or Brotli compression on your server, remove unused CSS with tools like PurgeCSS, tree-shake unused JavaScript, and split large JS bundles with code splitting. Our web page total size estimator shows which asset type contributes most to page weight so you can prioritize.
Yes — paste minified or unminified code, the tool measures the actual byte count either way. Minified code will show a smaller uncompressed size, but the GZIP and Brotli savings percentage will be lower since minified code has less redundancy for compression algorithms to exploit.