Page weight, the total size of all files transferred when a page loads, is the most direct determinant of energy consumption. According to the Sustainable Web Design Model, transferring 1GB of data over the internet produces approximately 80-260g of CO2 depending on grid carbon intensity and infrastructure efficiency.
The median web page in 2026 weighs around 2.2MB. But we regularly audit sites that exceed 10MB. This is often due to uncompressed images, unnecessary JavaScript libraries, and embedded third-party scripts. Reducing page weight isn’t just about performance; it’s about reducing the energy required to transmit and render that page millions of times.
Optimise images aggressively
Images typically account for 60-70% of total page weight. Use modern formats like WebP (which achieves 25-34% smaller file sizes than JPEG at equivalent quality), compress appropriately, resize to correct dimensions, and implement lazy loading for below-the-fold images. For more detail, see our guide on image optimisation.
Minimise JavaScript and CSS
Every JavaScript framework, animation library, and CSS file adds weight. Audit your dependencies ruthlessly. Do you genuinely need that 200KB library to add a parallax scroll effect? Often, cleaner, lighter alternatives exist, but more often than not the feature isn’t essential at all. Every kilobyte you remove reduces energy consumption across every page view.
Avoid unnecessary third-party scripts
Chat widgets, analytics scripts, advertising tags, and social media embeds all add weight, and most of them load resources from external servers, adding latency and energy overhead. Evaluate whether each third-party tool justifies its environmental and performance cost.
Reducing page weight requires a balance between functionality and efficiency. Our WordPress development approach prioritises lean, performant builds that deliver excellent user experiences without unnecessary bloat, benefiting both your Core Web Vitals and your site’s carbon footprint.