Home Website & Domain Tools Page Size Checker
📏
Web

Website Page Size Checker — Total Page Weight, Core Web Vitals & Performance Score

Check the real total page weight of any URL — powered by Google PageSpeed Insights. See total size broken down by images, JavaScript, CSS and fonts. Get Core Web Vitals, performance score, load time estimates and the top issues to fix — for both mobile and desktop.

📦 Total page weight🖼 Resource breakdown by type⚡ Core Web Vitals🎯 Google performance score
Switch tool: 📋 HTTP Header Checker 🔐 HTTP to HTTPS Redirect Checker 📣 Open Graph Checker 📏 Page Size Checker ⛓ Redirect Chain Checker ↪ Redirect Checker 🗺 Sitemap Validator 🛡 Website Header Security Checker
📏

Powered by Google PageSpeed Insights — measures total page weight (HTML + CSS + JS + images + fonts) for both mobile and desktop.

📖How to Use the Page Size Checker

  1. 1
    Enter any live page URL

    Paste the full URL of any publicly accessible webpage. The tool runs a real Google PageSpeed Insights analysis — the same data Google uses to rank your page — for both mobile and desktop simultaneously.

  2. 2
    See total page weight and breakdown

    The headline number is total page weight: every byte downloaded to render the page, including images, JavaScript, CSS, fonts and the HTML document itself. A visual bar shows how each resource type contributes to the total.

  3. 3
    Review Core Web Vitals and fix issues

    LCP, CLS and TBT are the three Core Web Vitals Google uses as ranking signals. The tool shows your score for each with a clear pass/fail. The top opportunities section lists the highest-impact changes to reduce page size and improve speed.

🔑Quick Reference

HTML SizeGrade
Under 50 KBA — Excellent
50–100 KBB — Good
100–500 KBC — Acceptable
500 KB – 1 MBD — Heavy
Over 1 MBF — Very heavy
📏

What Is Webpage Size and Why Does It Affect Your SEO?

How the total weight of your page directly determines load speed, bounce rate, and where you rank on Google

Webpage size is the total amount of data a browser has to download before your page is fully visible to a visitor. It is not just the HTML file. It is every image, every stylesheet, every JavaScript file, every font, and every third-party script that loads when someone lands on your page. Add all of those bytes together and you have your total page weight.

Page weight is one of the most direct contributors to slow load times. A browser cannot show your content any faster than it can download the files required to build it. The heavier your page, the longer that takes. On a typical mobile 4G connection, every additional megabyte of page weight adds roughly one full second to your load time. For most websites, that single number explains most of the gap between where they rank and where they want to rank.

1.6 MB
Google recommended maximum total page weight
53%
Mobile visitors abandon pages that take over 3 seconds to load
7%
Average conversion drop for every one second of additional load time

The SEO connection is direct. Google uses page speed as a ranking factor. Since 2021, Core Web Vitals which are heavily influenced by page weight have been an official part of Google’s ranking algorithm for mobile search. A page that is too heavy will score poorly on Largest Contentful Paint, struggle with Total Blocking Time, and hurt your rankings regardless of how good the content on it is.

Most website owners have no clear picture of how heavy their pages actually are. A site gets built, images get uploaded without compression, plugins get installed, tracking scripts get added, and page weight quietly grows. Six months later that page is loading 4MB of data before a single word is readable. Checking your webpage size regularly is how you catch this before it becomes a serious ranking and revenue problem.

The important distinction: most webpage size checkers only show you the size of the raw HTML file. That tells you almost nothing useful. The Visiblytics Page Size Checker measures total page weight — every resource the browser downloads to render the complete page. That number is typically 5 to 20 times larger than the HTML file alone, and it is the number that actually determines how fast your page loads.
📊

Everything the Page Size Checker Measures

Total weight, resource breakdown, Core Web Vitals, performance score, load time estimates, and the top fixes — all from a single URL

Most webpage size tools show you one number in kilobytes. The Visiblytics Page Size Checker is powered by the Google PageSpeed Insights API — the same data source Google uses when evaluating your page for rankings. Here is everything you get from a single check.

Total Page Weight with Size Grade

The headline result is your total page weight in kilobytes or megabytes across every resource the browser downloads. Alongside the raw number you get a size grade from A to F mapped against Google’s recommended thresholds, so you immediately know whether you are within budget or significantly over it.

Resource Breakdown by Type

Below the total weight, a visual bar breaks down exactly where those bytes are coming from. You can see at a glance which resource type is doing the most damage to your page weight.

🖼
Images
The largest contributor on most sites. Uncompressed or non-WebP images are the most common cause of excessive page weight.
📦
JavaScript
Large JS bundles block rendering and inflate page weight. Unused JavaScript is flagged in the opportunities section.
🎨
CSS
Render-blocking stylesheets and unused CSS rules add weight with no visible benefit to the user experience.
🔤
Fonts
Loading multiple font families or all available weights adds significant weight. Subset fonts and limit to two families maximum.
📄
HTML Document
The initial HTML file. Should be under 100KB. Larger documents often contain inline styles or scripts that belong in separate files.
🔌
Third-Party Scripts
Analytics, chat widgets, ad tags, and social embeds. Often the hardest to reduce but carry significant weight impact.

Core Web Vitals with Pass, Warn, and Fail Status

Core Web Vitals are the three metrics Google uses as direct ranking signals in mobile search. The tool shows LCP, CLS, and TBT with a clear pass, warn, or fail badge against Google’s exact published thresholds so you know immediately whether your page is at risk of a ranking penalty.

LCP
Largest Contentful Paint
How quickly the main content appears. Directly affected by image file size and server response time. Good: under 2.5 seconds.
CLS
Cumulative Layout Shift
Visual stability as the page loads. Images without declared dimensions are a common cause of layout shifts. Good: under 0.1.
TBT
Total Blocking Time
How long heavy JavaScript blocks the main thread from responding to user input. Good: under 200ms.
FCP
First Contentful Paint
First text or image rendered on screen. Delayed by render-blocking CSS or a slow server. Good: under 1.8 seconds.
TTFB
Time to First Byte
Server response speed. The foundation every other timing metric is built on. Good: under 800ms.
Score
Performance Score 0-100
Google Lighthouse performance score. 90 or above is Good. Below 50 is Poor and directly affects your mobile search rankings.

Load Time Estimates Across Connection Speeds

Your page weight means different things on different connections. The tool converts your total weight into estimated load times on slow 3G, 4G, and broadband. This gives you an honest picture of the experience visitors on slower mobile connections are actually having, which is the experience Google prioritises in its ranking decisions.

Top Opportunities to Reduce Page Size

The opportunities section lists the highest-impact changes you can make to reduce your page weight, ranked by the number of bytes each fix would save. Every item shows the exact potential saving in KB or MB so you can prioritise the changes that will move your score the most before touching anything else.

Both Mobile and Desktop Results

The tool runs a full Google PageSpeed analysis for both mobile and desktop simultaneously. Results are presented in separate tabs. Always review the mobile tab first. Google uses mobile-first indexing, which means the mobile performance score is the one that determines your rankings. Desktop scores are typically 15 to 25 points higher than mobile for the same page because desktop tests simulate faster network conditions.

📋

How to Check Your Page Size — Single URL and Bulk Mode

From a quick single-page check to a full 20-URL site audit with CSV export

The tool has two modes. Single URL mode for a quick deep-dive on one page, and bulk mode for auditing multiple pages at once and comparing them side by side. Both are completely free with no account required.

Single URL Mode

Paste any live, publicly accessible URL and click Analyse Page. The tool runs a real Google PageSpeed Insights analysis from Google’s own servers. This takes 15 to 30 seconds because it is a genuine live audit, not a cached or simulated result. You get full results for both mobile and desktop, including total weight, resource breakdown, all six performance metrics, Core Web Vitals status, and the full opportunities list.

Bulk Mode — Analyse Up to 20 URLs at Once

Switch to bulk mode and paste up to 20 URLs, one per line. The tool analyses each URL and builds a comparison table showing total weight, mobile performance score, desktop performance score, size grade, and all three Core Web Vitals for every URL on the list. Download the full results as a CSV file to share with your development team, include in a client report, or track improvement over time.

1
Start with your highest-traffic pages Check your homepage, top landing pages from Google Analytics, and your most important product or service pages. These pages have the most to gain from weight reduction in terms of rankings, bounce rate, and conversions.
2
Check the mobile performance score first Google uses mobile-first indexing. A desktop score of 90 with a mobile score of 45 means your site is being ranked as a slow site in Google’s eyes. Focus every optimisation decision on improving the mobile score first.
3
Identify the heaviest resource type in the breakdown Look at the resource breakdown bar and find the longest segment. For most sites this is images. Fix the biggest contributor first and re-run the check to measure the improvement before moving to the next issue.
4
Work through the top opportunities by byte saving The opportunities list is already ranked by impact. Start at the top and work down. On most sites the first two or three opportunities account for 70 to 80 percent of the total potential byte saving.
5
Re-check after every round of fixes Run the page size checker again after each batch of changes. Confirm the byte saving is real, see how your Core Web Vitals scores have moved, and keep iterating until your mobile performance score reaches 90 or above.
Tip for agencies and developers: use bulk mode with your client’s most important pages before your first meeting. The CSV export gives you a professional, shareable performance baseline that immediately demonstrates the scope of the optimisation opportunity and what the impact of fixing it will be.
🔧

Most Common Causes of Heavy Webpages and How to Fix Them

The five issues the page size checker flags most often, and the practical steps to resolve each one

After running hundreds of page size checks, the same five issues appear in the opportunities section on most sites. Here is what they are and exactly what to do about each one.

Unoptimised Images

Images are responsible for the majority of page weight on most websites. The fix has three parts. First, compress every image before uploading using a tool like Squoosh or ShortPixel. Second, convert images to WebP format, which delivers the same visual quality at 25 to 35 percent smaller file sizes compared to JPEG or PNG. Third, add lazy loading to images below the fold so they only download when the user scrolls to them. On WordPress, a plugin like Imagify or ShortPixel handles compression and WebP conversion automatically on upload.

Unused JavaScript

Most websites load significantly more JavaScript than any individual page actually uses. Page builder plugins, ecommerce platforms, sliders, and third-party integrations all load their full JavaScript bundles on every page even when only a small fraction of those functions are needed on that specific page. The fix is code splitting combined with deferring non-critical scripts. On WordPress, WP Rocket and Perfmatters are the most effective tools for reducing unused JavaScript without breaking site functionality.

No Server-Side Compression

Enabling GZIP or Brotli compression on your server reduces the size of all text-based files including HTML, CSS, and JavaScript by 60 to 80 percent before they are transmitted to the browser. This is a server-level setting that your hosting provider or CDN can typically enable in minutes. It applies to every page on your site simultaneously and is one of the highest-impact, lowest-effort changes available to any website owner.

Render-Blocking Resources

CSS and JavaScript files loaded in the document head prevent the browser from rendering any visible content until those files have fully downloaded and processed. Moving non-critical CSS to load after the initial render and deferring or async loading JavaScript that is not required for above-the-fold content can significantly reduce the time before your visitor sees anything on screen. Google PageSpeed Insights flags every render-blocking resource by name so you know exactly which files to target.

Too Many Third-Party Scripts

Every analytics tag, chat widget, social share button, ad script, and tracking pixel adds external network requests that your server cannot control or optimise. Audit your third-party scripts using the resource breakdown, remove anything that is not actively contributing value, and delay the loading of non-essential scripts until after the main page content has fully rendered for the user.

The most overlooked fix: many websites have GZIP compression disabled, which means every HTML, CSS, and JavaScript file is being sent to the browser at its full uncompressed size. This single server setting can reduce your total page weight by 60 to 80 percent for text-based files. Check your opportunities list to see if compression is flagged for your site.
⚖️

Visiblytics vs Toolsaday vs SEOptimer vs SmallSEOTools

Why most free webpage size checkers only give you a number, and what you actually need to fix the problem

Knowing your page weighs 3.2MB tells you there is a problem. It tells you nothing about what is causing it, which metric it is affecting, how bad the user experience is on a real mobile connection, or what to fix first. That is the gap between a basic webpage size checker and the Visiblytics Page Size Checker. Here is the honest comparison.

Feature Visiblytics Toolsaday SEOptimer SmallSEOTools
Total page weight ✓ Yes ✓ Yes ✓ Yes ✓ Yes
Resource breakdown by type ✓ Images, JS, CSS, fonts ✗ Not shown ✓ HTML, CSS, JS, Images ✗ Not shown
Core Web Vitals ✓ LCP, CLS, TBT ✗ Not shown ✗ Not shown ✗ Not shown
Google performance score ✓ 0-100 score ✗ Not shown ✗ Not shown ✗ Not shown
Load time by connection speed ✓ 3G, 4G, broadband ✗ Not shown ✗ Not shown ✗ Not shown
Mobile AND desktop results ✓ Both simultaneously ✗ Not shown ✗ Not shown ✗ Not shown
Top fix opportunities ✓ Ranked by impact ✗ Not shown ✗ Not shown ✗ Not shown
Bulk check (no login) ✓ Up to 20 URLs free ✗ Single URL only ✗ Single URL only ✓ Up to 10 URLs
CSV export ✓ One click, free ✗ Not available ✗ Not available ✗ Not available
Powered by Google PSI ✓ Same data Google uses ✗ Basic HTTP fetch ✗ Basic HTTP fetch ✗ Basic HTTP fetch

Toolsaday, SEOptimer, and SmallSEOTools all work the same way underneath — they make a basic HTTP request to your URL and measure the size of what comes back. That gives you a total byte count. What it does not give you is any understanding of what is making your page heavy, whether that weight is hurting your Google rankings, what the experience is like on a real mobile connection, or what to fix first. The Visiblytics Page Size Checker is powered by the Google PageSpeed Insights API, which means the data comes from the same engine Google itself uses.

Auditing multiple pages at once? Switch to bulk mode, paste up to 20 URLs, and get a full comparison table with Core Web Vitals, performance scores, and size grades for every URL — with one-click CSV export, completely free, no account needed.

Frequently Asked Questions

What is total page weight and why does it matter?

Total page weight is the sum of every resource downloaded when a user visits your page — HTML, CSS, JavaScript, images, fonts and third-party scripts. It directly determines how fast your page loads. Google recommends keeping total page weight under 1.6MB. Every extra megabyte costs roughly 1 second of load time on a 4G connection.

How is this different from an HTML size checker?

An HTML size checker only measures the initial document (typically 30–200 KB). This tool measures total page weight — everything the browser downloads to render the full page, which is typically 5–20x larger. Most users and Google care about total weight, not just HTML size.

What are Core Web Vitals?

Core Web Vitals are three metrics Google uses as direct SEO ranking signals. LCP (Largest Contentful Paint) measures how quickly the main content loads — good is under 2.5 seconds. CLS (Cumulative Layout Shift) measures visual stability — good is under 0.1. TBT (Total Blocking Time) measures main-thread blocking — good is under 200ms. Failing these hurts your rankings in mobile search.

Where does the data come from?

Results are powered by the Google PageSpeed Insights API — the same engine behind Google's own PageSpeed Insights tool. Google runs a real Lighthouse audit on your page from their servers, so results reflect what Google actually sees, not a simulation. This is the most authoritative source for web performance data available.

What causes a heavy page?

The most common culprits are unoptimised images (not compressed, not in WebP/AVIF format, not lazy-loaded), unused JavaScript (large bundles where only a fraction is needed), render-blocking resources (CSS and JS loaded in the head before content), and excessive third-party scripts (analytics, ads, chat widgets, social embeds).

What is a good performance score?

Google Lighthouse scores range from 0 to 100. 90–100 is Good (green), 50–89 is Needs Improvement (orange), and 0–49 is Poor (red). For SEO purposes, aim for 90+ on mobile. Desktop scores are typically 10–20 points higher than mobile because desktop has faster simulated network conditions. The mobile score is the one that affects Google rankings.