web performance and seo
Page weight
Page weight is the total file size of all resources a browser downloads to display a web page.
What is Page weight?
Page weight is the total size in kilobytes or megabytes of all files a browser must download to display a web page, including HTML, CSS, JavaScript, fonts, and images. Images consistently account for 60–70% of total page weight on unoptimized sites according to the HTTP Archive Web Almanac. Page weight directly impacts load time, user experience, and SEO performance through Google's Core Web Vitals metrics like Largest Contentful Paint.
Importance of Page weight
High page weight slows your website and hurts your search rankings, as Google uses Core Web Vitals as a ranking factor. Page weight optimization through image compression and resizing is the fastest way to improve your site's performance since images are the largest contributor to bloated web pages. Reducing page weight also decreases data costs for mobile users and improves accessibility for visitors with slower internet connections.
Page weight in Practice
A typical blog post with five unoptimized photos might have a page weight of 8–12 MB, with images contributing 7–10 MB of that total. After compressing those images from their original 2–3 MB camera files down to 150–300 KB web-optimized versions, the same page weight drops to 2–3 MB total. This reduction can improve load times from 8–15 seconds to 2–4 seconds on mobile connections.
Page weight Best Practices
- → Compress images to 75–85% quality before uploading to reduce the largest component of page weight.
- → Resize images to their exact display dimensions rather than letting CSS scale down large files.
- → Use modern formats like WebP that provide better compression than JPEG for web delivery.
- → Monitor your page weight with tools like GTmetrix or PageSpeed Insights to track optimization impact.
Example of Page weight
Related Terms
Frequently Asked Questions
What is page weight and why does it matter?
Page weight is the total file size of all resources needed to load a web page, including images, CSS, JavaScript, and HTML. It matters because higher page weight leads to slower load times, which hurts user experience and SEO rankings through Google's Core Web Vitals metrics. Images typically account for 60–70% of page weight, making image optimization the most effective way to reduce it.
How do images affect page weight?
Images are the largest contributor to page weight on most websites, accounting for 60–70% of total file size according to web performance data. Unoptimized images can be 2–5 MB each straight from cameras, while web-optimized versions of the same images should be 100–300 KB. Compressing and resizing images is the single most effective way to reduce page weight and improve site performance.
What is considered a good page weight for websites?
A good page weight target is under 3 MB total for content-heavy pages, with images contributing no more than 1–2 MB of that total. Mobile-optimized pages should aim for under 1 MB when possible to ensure fast loading on slower connections. Pages exceeding 5–8 MB are considered heavy and will likely fail Core Web Vitals assessments, negatively impacting SEO performance.