Page Size Checker

Fetch the HTML and probe every linked stylesheet, script, image, font, and media file in parallel — measuring real bytes (using HEAD when supported) — to give you the actual page weight users download.

Page Weight: Why Bytes Still Matter

Page size is one of the most critical factors affecting website performance, user experience, and mobile SEO. According to HTTP Archive, the median web page now ships approximately 2.4 MB to mobile devices. That weight is paid for by your users — every byte costs them battery, data, and time. Google's Core Web Vitals don't directly measure size, but Largest Contentful Paint (LCP) and Interaction to Next Paint (INP) correlate strongly with how heavy your page is.

The Page Size Checker provides you with a comprehensive breakdown of exactly what contributes to your page weight, helping you identify optimization opportunities that can dramatically improve load times and user satisfaction.

What This Tool Measures

Our Page Size Checker downloads the HTML, then walks through every <link>, <script>, <img>, srcset, <source>, video/audio source, preload, and icon link. For each external resource we send a HEAD request (falling back to GET when servers reject HEAD) and record the response's actual size. Inline data: URIs are listed but not counted.

Understanding your page size is essential for creating a mobile-friendly website. Combined with our Mobile Friendly Test, you can ensure your site delivers a fast, responsive experience on all devices.

What This Tool Measures

  • HTML Size: The decompressed size of your main HTML document
  • CSS Stylesheets: All linked CSS files that style your page
  • JavaScript Files: All scripts that add interactivity and functionality
  • Images: All image assets including those in srcset and <source> elements
  • Fonts: Web fonts loaded from external sources
  • Media Files: Video and audio content
  • Preload Resources: Assets loaded early to improve performance

Performance Budgets That Work

For mobile-first sites a useful budget is roughly: HTML ≤ 100 KB, total CSS ≤ 100 KB, total JS ≤ 350 KB (parsed/compressed), images ≤ 1 MB on the initial viewport, and a total weight under 1.5 MB. Heavier pages are still possible to make fast — but they require very deliberate optimisation.

Use our Page Speed Checker to measure how your page size affects load times, and Gzip Checker to verify your compression settings.

Why Page Size Matters for SEO

Page size directly impacts several key SEO factors:

1. Loading Speed

Larger pages take longer to load, especially on mobile networks. Google has confirmed that page speed is a ranking factor, with Core Web Vitals playing an increasingly important role in search rankings. According to web.dev, improving page speed can significantly boost your search visibility.

2. User Experience

Users expect pages to load in under 3 seconds. Research from Think with Google shows that 53% of mobile users abandon sites that take longer than 3 seconds to load. Large page sizes directly contribute to slow load times and high bounce rates.

3. Mobile-First Indexing

With Google's mobile-first indexing, the mobile version of your site determines your rankings. Mobile connections are often slower than desktop, making page size even more critical for mobile SEO success.

Common Page Size Issues and Solutions

1. Unoptimized Images

The Problem: Images often account for 50-80% of total page weight.

The Fix: Compress images using modern formats like WebP or AVIF. Implement responsive images with srcset to serve appropriately sized images for different devices. Use our Mobile Friendly Test to check your responsive image implementation.

2. Bloated JavaScript

The Problem: Large JavaScript bundles slow down parsing and execution.

The Fix: Implement code splitting, lazy loading, and tree shaking. Remove unused libraries and use smaller alternatives when possible. Our On-Page SEO Checker can help identify performance issues.

3. Uncompressed Resources

The Problem: Resources are served without compression.

The Fix: Enable Gzip or Brotli compression on your server. Verify your configuration with our Gzip Checker.

4. Multiple Font Weights and Formats

The Problem: Loading many font weights and formats adds significant weight.

The Fix: Limit font weights to 2-3 per font family. Use font-display: swap to ensure text remains visible during font loading. Consider using system fonts for mobile-friendly websites.

How to Optimize Your Page Size

1. Audit Your Resources

Start by running our Page Size Checker to identify your largest resources. Look for opportunities to remove, replace, or optimize the biggest offenders. Our Page Size Tool provides detailed breakdowns by resource type.

2. Implement Lazy Loading

Lazy loading defers the loading of offscreen images and content until users scroll to them. This significantly reduces initial page weight and improves perceived performance. MDN Web Docs provides comprehensive guidance on implementing lazy loading.

3. Use Modern Image Formats

WebP and AVIF offer superior compression compared to JPEG and PNG. Google's WebP documentation demonstrates how these formats can reduce image sizes by 25-35% without quality loss.

4. Minify and Bundle

Minify CSS and JavaScript to remove unnecessary characters. Bundle multiple files to reduce HTTP requests. Use tools like Webpack or esbuild for efficient bundling and minification.

5. Enable Caching

Implement browser caching to serve cached resources to returning visitors. This reduces server requests and improves load times for repeat visits. Use our HTTP Status Checker to verify your caching headers.

Monitoring Page Size Over Time

Page size tends to grow as new features are added. Regular monitoring with our Page Size Checker helps you:

  • Track size regressions before they impact performance
  • Validate optimization efforts
  • Maintain performance budgets
  • Ensure your mobile-friendly website stays lightweight

Combine with our Page Speed Checker to see how size changes affect load times, and Redirect Checker to ensure optimizations don't create redirect chains.

Frequently Asked Questions (FAQs)

What is the Page Size Checker?

The Page Size Checker is a tool that analyzes your webpage's total weight by measuring the size of HTML, CSS, JavaScript, images, fonts, and other resources. It provides a detailed breakdown of what contributes to your page's load time.

How does page size affect SEO?

Page size is directly correlated with load speed, which is a confirmed ranking factor for mobile SEO. Larger pages take longer to load, leading to higher bounce rates and lower engagement. Google's Core Web Vitals include metrics that are directly impacted by page size.

What is a good page size for mobile?

For optimal mobile SEO, aim for a total page size under 1.5 MB. Individual budgets should target: HTML under 100 KB, CSS under 100 KB, JavaScript under 350 KB, and initial viewport images under 1 MB. Use our Page Size Checker to benchmark your site.

Why are images the largest part of my page?

Images typically account for 50-80% of total page weight. This is normal but requires careful optimization. Use responsive images with srcset, compress images, and serve modern formats like WebP. Our Mobile Friendly Test can help identify image optimization opportunities.

How do I reduce my page size?

Start by running our Page Size Checker to identify the largest resources. Then: compress images, minify CSS/JS, enable Gzip/Brotli compression, implement lazy loading, and use code splitting. Regularly monitor your progress with our Page Size Tool.

What's the difference between page size and page speed?

Page size refers to the total bytes downloaded, while page speed measures how fast those bytes are delivered and rendered. A small page on a slow server can be slower than a larger page on a fast CDN. Use our Page Speed Checker together with the Page Size Checker for a complete picture.

How often should I check my page size?

Check your page size with our Page Size Checker whenever you add new features, update your theme, or deploy significant changes. For e-commerce or high-traffic sites, weekly monitoring is recommended to catch size regressions early.

Does Gzip compression affect my page size measurement?

Our Page Size Checker measures actual bytes transferred. If your server uses Gzip or Brotli compression (verify with our Gzip Checker), the tool reports the compressed size—which is what users actually download.

Conclusion

Page size is one of the most influential factors in website performance, user experience, and mobile SEO. Our Page Size Checker provides the detailed analysis you need to identify optimization opportunities and maintain a fast, mobile-friendly website.

Remember that page size optimization is an ongoing process. Regular monitoring with our Page Size Checker, combined with our Page Speed Checker and Gzip Checker, will help you maintain optimal performance and satisfy Google's Core Web Vitals requirements.

Start optimizing your page size today—test your website now and deliver the fast, efficient experience that modern users expect and Google rewards.

Related Tools for Comprehensive Website Analysis

For a complete website optimization strategy, use these tools alongside our Page Size Checker:

For further reading on web performance optimization, consult these authoritative resources: