Skip to content
ToolQivo

Page Size Analyzer

Weigh a page's HTML and see what is taking up the room.

SEO Tools Reviews Free · no sign-up

Quick Tool Overview

The Page Size Analyzer weighs a pasted HTML document and splits it into markup, inline CSS, inline script, comments and readable text, with element counts, nesting depth and the text-to-code ratio. It measures the document itself rather than the whole page load, because that is the part with its own specific cost.

What it does
Weighs an HTML document and shows what is taking up the room
You give it
The full page source as the server sends it
You get back
A size breakdown, element counts and the text-to-code ratio
Best for
Finding page-builder bloat and oversized inline blocks
SEO Tools Free, unlimited use No sign-up Runs in your browser

About the Page Size Analyzer

Paste a page and the analyser weighs the HTML document itself, breaking it down into the markup, the inline styles, the inline scripts, the comments and the actual readable text. It counts the elements, measures the nesting depth and works out the text-to-code ratio.

This measures the HTML document, not the whole page load — images, stylesheets and scripts fetched from elsewhere are separate requests and are listed rather than weighed. That distinction matters because HTML bloat has its own specific cost: a huge document delays the first paint even on a fast connection, and Google's crawler has a budget of bytes as well as requests. The usual culprits are a page builder's nested wrapper divs, an inline critical-CSS block that grew, and base64 images pasted directly into the markup, all of which this shows you the size of.

Key features of the Page Size Analyzer

Size by category

Markup, inline CSS, inline JS, comments and text weighed separately rather than as one number.

Largest blocks listed

The biggest inline style and script blocks are shown with their sizes, so you know what to move out.

Nesting depth

Deep wrapper nesting is the usual cause of a bloated document, and the depth is measured.

Base64 detection

Images pasted into the markup as data URIs are found and weighed, since they are often the whole problem.

Compression estimate

An indication of what gzip would leave, because that is what actually crosses the wire.

How to use the Page Size Analyzer

  1. 1

    Paste the page source

    The full HTML document, exactly as the server sends it.

  2. 2

    Read the breakdown

    Markup, inline CSS, inline JS, comments and text are weighed separately.

  3. 3

    Check the ratio

    The text-to-code ratio tells you how much of the document is actually content.

  4. 4

    Find the bloat

    The largest inline blocks and the deepest nesting are listed so you know where to cut.

Frequently asked questions

Most well-built pages land between 30KB and 100KB before compression. Past a few hundred kilobytes you are usually looking at inline base64 images, a page builder's wrapper divs, or a critical-CSS block that stopped being critical.

Reviews of the Page Size Analyzer

What people who use the Page Size Analyzer think of it. Reviews come from visitors and are posted as written.

No ratings yet

Yours would be the first.

  • 5 0 reviews rated 5 stars
  • 4 0 reviews rated 4 stars
  • 3 0 reviews rated 3 stars
  • 2 0 reviews rated 2 stars
  • 1 0 reviews rated 1 star

Write a review

Used this tool? Your rating helps the next person decide.

Your rating

Plain text only — links, email addresses and HTML are not accepted. Your name and review are shown publicly; nothing else is collected. See the privacy policy.

0 reviews

Newest first

No reviews yet

Be the first to rate the Page Size Analyzer. It takes half a minute and no account.

Write the first review

More SEO tools