Page Size Checker
Enter a URL to check the total weight of a web page. Analyze size, load time, compression, and caching headers.
Why Page Size Matters
Page size directly impacts how fast your website loads. Larger pages take longer to download, especially on mobile networks and slower connections. Google has confirmed that page speed is a ranking factor for both desktop and mobile search results.
Beyond SEO, page weight affects user experience and conversion rates. Research shows that 53% of mobile users abandon sites that take more than 3 seconds to load. Every additional 100 KB of page weight adds measurable latency, particularly on 3G and 4G connections.
Heavy pages also consume more bandwidth, which matters for users on metered connections and for your hosting costs at scale. Optimizing page size is one of the highest-leverage performance improvements you can make.
Ideal Page Size Guidelines
Under 500 KB
ExcellentYour page is lightweight and will load fast on virtually any connection. This is the ideal target for most web pages, especially content-focused sites.
500 KB – 1 MB
GoodAcceptable for most websites. Ensure images are optimized and compression is enabled. Most well-built pages fall in this range.
1 MB – 2 MB
Needs attentionGetting heavy. Review images, remove unused CSS/JS, and ensure gzip or Brotli compression is enabled. Users on slower connections will notice delays.
2 MB – 5 MB
HeavyToo large for most pages. Likely caused by unoptimized images, large JavaScript bundles, or embedded media. Significant impact on mobile performance.
Over 5 MB
CriticalSeverely overweight. Will cause poor Core Web Vitals scores and high bounce rates. Immediate optimization is needed across images, scripts, and assets.
How to Reduce Page Size
Optimize Images
Use modern formats like WebP or AVIF. Compress images, serve responsive sizes with srcset, and lazy-load below-the-fold images.
Enable Compression
Enable gzip or Brotli compression on your server. This typically reduces HTML, CSS, and JS file sizes by 60–80%.
Minify CSS and JavaScript
Remove whitespace, comments, and unused code. Use tools like Terser for JS and cssnano for CSS. Tree-shake unused imports.
Remove Unused Code
Audit your CSS and JS bundles for unused code. Tools like PurgeCSS can remove unused CSS rules. Split code to load only what is needed.
Set Cache Headers
Configure Cache-Control headers so returning visitors do not re-download unchanged assets. Use long max-age with content hashing.
Reduce Third-Party Scripts
Each analytics, chat, or ad script adds weight and requests. Audit third-party scripts regularly and remove any that are not delivering value.
Use a CDN
Serve static assets from a content delivery network. CDNs reduce latency by serving files from edge locations closer to users.
Defer Non-Critical Resources
Use defer or async for non-critical JavaScript. Load fonts with font-display: swap. Inline critical CSS and lazy-load the rest.