Reducing Website Data and Resource Use
Reducing the carbon footprint of your website, and how static edge pages cut grams of CO2 per page view and answer CSDDD and CSRD reporting.
Cloudflare, citing Boston Consulting Group research, reports that the Internet is responsible for 2% of all carbon output, about a billion metric tons a year. As reporting rules such as the EU Corporate Sustainability Due Diligence Directive (CSDDD) and CSRD spread through the supply chain, more and more buyers ask what their suppliers do about emissions. The per-pageview figures in this article are an illustrative model rather than measured results, but the direction is not in doubt: a page that transfers fewer bytes and asks the browser to execute less code does less work, and that work has a carbon cost.
The Invisible Smokestack: Digital Infrastructure as an Environmental Vector
A business owner tracks the emissions they can see: delivery miles, office heating, electricity, packaging. Meanwhile, an invisible smokestack operates completely unmonitored: your website.
Two published figures make that worth counting, and one model makes it concrete:
- Cloudflare, citing Boston Consulting Group research, reports that the Internet is responsible for 2% of all carbon output, about a billion metric tons a year.
- The HTTP Archive’s Web Almanac measured the traffic side of the same problem: the median desktop home page carried 2.86 MB in July 2025, and pages at the 90th percentile carried 9,179 KB.
- Our own worked example, stated as an illustration rather than a measured result: a store taking 2,000,000 monthly pageviews on an unoptimized dynamic server cluster adds over 110,000 kilograms of CO2 a year to its Scope 3 ledger.
The per-pageview figure in the diagram below comes from the Sustainable Web Design method — data transfer volume, system energy intensity and grid carbon intensity — applied to an illustrative legacy page weight:
┌───────────────────────────────────────────────────────────────────────────────┐
│ DIGITAL CARBON EMISSION VECTORS │
├───────────────────────┬─────────────────────────────┬─────────────────────────┤
│ 1. DATA CENTER │ 2. NETWORK TRANSFER │ 3. END-USER DEVICE │
│ Continuous server CPU │ Routing multi-megabyte │ Mobile CPU and GPU │
│ and database cooling │ payloads through cell │ executing heavy React │
│ energy (24/7 runtime) │ towers and edge switches │ hydration scripts │
├───────────────────────┴─────────────────────────────┴─────────────────────────┤
│ TOTAL CARBON COST: 4.62 grams of CO2 per pageview on legacy dynamic CMS │
└───────────────────────────────────────────────────────────────────────────────┘
Whether you audit this for a regulator, for a customer who has asked you directly, or for your own conscience, the arithmetic does not change. Sustainability rules such as the European Union’s Corporate Sustainability Reporting Directive (CSRD) now reach far past the largest companies and into their suppliers, and buyers increasingly ask what their vendors do about emissions.
A bloated, slow website is no longer merely a marketing defect; it is an environmental liability. The resources a single page view uses are worth counting: the bytes transferred, the scripts parsed, the server time held open.
1. The Anatomy of Digital Waste: Dynamic CMS vs. Static Edge
Why do legacy websites produce such staggering carbon emissions? The disparity lies in the fundamental physics of content delivery:
The Dynamic Monolith (WordPress / Heavy Node.js SSR)
When a site runs on WordPress, Drupal, or dynamic Next.js:
- Idle Server Burn: Container clusters, relational databases (RDS), and caching servers run continuously, around the clock, drawing power from non-renewable electrical grids regardless of whether traffic is present.
- Computational Redundancy: If 50,000 people read the same press release, the server executes the same PHP/Node.js script and queries the same MySQL database 50,000 times, multiplying server energy consumption.
- Hydration Overkill: The browser receives hundreds of kilobytes of JavaScript — the Web Almanac found the median desktop page ships 708 KB of it — and has to parse and execute that bundle before the page can respond, which is what keeps a phone hot and its battery flat.
The Aura Logic Green Edge Standard
By contrast, Aura Logic’s 100% Static Generation architecture achieves complete computational deflation:
- Compile Once, Serve Universally: Pages are compiled into flat, optimized HTML once during build time. Serving a page requires zero runtime server compute.
- Sub-200KB Total Page Payloads: Through aggressive tree-shaking, zero runtime JavaScript, and AVIF asset compression, total page weight in our own builds drops from 4.5MB to under 180KB.
- Renewable Edge Infrastructure: Deployments route through Cloudflare Pages and anycast edge locations. Cloudflare has publicly committed to powering its network with 100% renewable energy, matched against its electricity use through power purchase agreements and renewable energy certificates.
The comparison below applies the same method to a static page weight. It is an illustrative model, not a measurement of any particular site:
┌───────────────────────────────────────────────────────────────────────────────┐
│ CARBON FOOTPRINT COMPARISON │
├──────────────────────────────────────┬────────────────────────────────────────┤
│ TRADITIONAL WORDPRESS / SSR │ AURA LOGIC STATIC ANYCAST EDGE │
├──────────────────────────────────────┼────────────────────────────────────────┤
│ 4.62 grams CO2 per pageview │ 0.08 grams CO2 per pageview │
│ 110.8 metric tons CO2 / year │ 1.92 metric tons CO2 / year │
│ Grade F on Website Carbon Index │ Grade A+ (Check With The Public Tool)│
│ 2.4s Mobile Main-Thread CPU Burn │ 0.02s Main-Thread Idle Energy Draw │
└──────────────────────────────────────┴────────────────────────────────────────┘
2. The Illustrative Sustainability Ledger
Consider an online store receiving 2,000,000 monthly pageviews, and what it adds to its Scope 3 greenhouse gas ledger. The figures below are an illustrative model built with the same method, applied to the two page weights above:
| Metric | Legacy Monolithic Architecture | Aura Logic Static Edge Architecture | Environmental Benefit |
|---|---|---|---|
| Average Transfer Size | 4.85 MB per session | 0.18 MB per session | -96.2% Data Weight Reduction |
| CO2 Emitted per Pageview | 4.62 grams | 0.08 grams | -98.2% Direct Emission Cut |
| Annualized Digital Emissions | 110,880 kg CO2 / year | 1,920 kg CO2 / year | 108.9 Metric Tons Saved |
| Tree Equivalent Offset | Requires 5,280 mature trees/year | Requires 91 trees/year | 5,189 Trees Spared Annually |
| Global Website Carbon Rating | Grade F on the public carbon index | Grade A+ (Check With The Public Tool) | Verify The Grade Yourself |
3. How Sustainable Engineering Directly Enhances Commercial Performance
The most compelling reality of green web engineering is that environmental efficiency perfectly mirrors commercial efficiency.
In web architecture, there is zero trade-off between sustainability and performance:
- Slashing Payloads Accelerates Speed: Cutting total page transfer weight from 4.8MB to 180KB, as we do in our own builds, is what drives a sub-second Largest Contentful Paint (LCP < 0.6s).
- Main-Thread Efficiency Boosts INP: Removing 90% of client-side JavaScript keeps the main thread free, which is what pulls Interaction to Next Paint (INP) into Google’s “good” band of 200ms or less. The build target we hold ourselves to is a sub-40ms INP at the 75th percentile.
- Core Web Vitals Drive Organic Rankings: Google Search Central states that Core Web Vitals align with what its core ranking systems seek to reward, so a lighter, faster site is working with that signal rather than against it.
- A Cleaner Site Is a Selling Point: When a buyer puts your quote next to another studio’s, a published Grade A+ carbon rating is a difference you can show them. It is proof you take the whole page seriously, not just the parts that are visible.
Conclusion: Engineering Dignity for the Digital Biosphere
The era of frivolous, unmetered digital waste is coming to a close. More and more owners recognize that efficiency is not merely an engineering metric; it is an ethical and commercial imperative.
By stripping away the bloat of obsolete monolithic servers and architecting 100% static digital flagships powered by renewable edge networks, forward-thinking brands honor their ESG commitments, achieve unshakeable performance leadership, and lead the global transition toward a sustainable digital economy.
Move your site to a lighter, faster architecture: Calculate your scope with our Estimator or review our client case studies in Selected Work.
Frequently Addressed Technical Inquiries
How does a website generate carbon emissions? [+]
Every web visit consumes electrical energy across three distinct vectors: 1) Data center server compute and database query processing; 2) Global telecommunications network routing through fiber backbones and cellular towers; and 3) End-user device hardware execution (CPU, GPU, and display screen power). The more bytes transferred and the more client-side JavaScript executed, the higher the kilowatt-hour energy demand and resulting carbon output.
What is the Sustainable Web Design model for calculating digital emissions? [+]
The Sustainable Web Design model (developed by Wholegrain Digital, Mightybytes, and Medicom) calculates carbon emissions using data transfer volume (gigabytes per visit), system energy intensity (kWh/GB), and the global carbon intensity of electricity (grams of CO2 per kWh). The result is not a fixed number: it depends on the grid the data crosses and on the hardware it crosses on, so any per-gigabyte figure quoted to you is an estimate under stated assumptions rather than a measurement.
How do static Anycast edge architectures reduce a website's carbon footprint? [+]
Static architectures remove runtime server compute, so there is no container cluster sitting powered on whether or not anyone visits, and they compile assets into modern formats such as AVIF and WebP instead of shipping raw uploads. They also mean the browser executes much less JavaScript, because there is no component tree to hydrate. Edge delivery adds a second saving: networks such as Cloudflare have committed to matching their whole electricity use with renewable purchases, so a page served from an edge cache skips the per-request compute a dynamic server performs.
Sources
- [1] Page Weight (Chapter 14) | Web Almanac 2025 | HTTP Archive Verifies the page-weight figures this article quotes: that the median home page was 2.86 MB on desktop and 2.56 MB on mobile in July 2025, that pages at the 90th percentile carried 9,179 KB on desktop and 8,337 KB on mobile, and that the median desktop page ships 708 KB of JavaScript and 1,059 KB of images.
- [2] Cloudflare: 100% Renewable & Zeroing Out Emissions | Cloudflare Blog Verifies the renewable-energy claim made about edge delivery: Cloudflare states it is committed to powering its network with 100% renewable energy, and explains that it matches its total energy use with renewable purchases made through power purchase agreements and renewable energy certificates.
- [3] Independent report shows: moving to Cloudflare can cut your carbon footprint | Cloudflare Blog Verifies the Internet's share of global emissions quoted in this article: Cloudflare, citing Boston Consulting Group, reports that 2% of all carbon output, about a billion metric tons per year, is attributable to the Internet.
- [4] Web Vitals | web.dev Verifies the Core Web Vitals band this article quotes when it describes the INP target: Google treats 200 milliseconds or less as a good INP, measured at the 75th percentile of page loads.
- [5] Understanding Core Web Vitals and Google search results | Google Search Central Verifies the search claim this article makes: Google states that Core Web Vitals align with what its core ranking systems seek to reward, and repeats the 2.5 second LCP, 200 millisecond INP and 0.1 CLS thresholds.
Related articles
Mastering INP: Core Web Vitals with Astro Islands
Improving INP after Google retired FID, and how removing client side hydration with islands architecture keeps interactions under 40 milliseconds.
Optimising Website Images and Delivery Costs
Image optimisation for faster sites, with build time AVIF and WebP srcset matrices that cut transfer weight 85% and remove image CDN fees.
Web Fonts for Zero CLS: Variable Fonts and Subsets
Web fonts without layout shift, self-hosting variable fonts, subsetting glyphs and using size-adjust fallbacks to reach zero CLS and a faster LCP.
WANT IT REVIEWED FOR YOUR BUSINESS?
The above is general. Tell me about your business and I will review business websites for your case: what applies, what does not, and in what order.
Business websites ↗TELL US ABOUT
YOUR BUSINESS.
Tell us what your business does, what you need and your approximate budget. We will review the scope and next steps with you.
READY TO IMPROVE YOUR WEBSITE?
Describe what you want your website to do for your business. Jorge will help you define the scope, understand the cost and choose the next step.