The internet accounts for approximately 2-4% of global CO₂ emissions — roughly the same as the aviation industry. As CSRD reporting becomes mandatory for more European companies, digital carbon footprints are moving from nice-to-have to compliance requirement.
Why Website Carbon Matters
Every time a user loads a web page, data travels through servers, network infrastructure, and end devices — all consuming electricity. The carbon intensity of that electricity varies enormously depending on the energy mix of the data center region.
A typical web page today weighs around 2.5MB. Multiply that by millions of page views, and the emissions add up fast.
The CSRD angle
The Corporate Sustainability Reporting Directive (CSRD) requires large EU companies to report on their environmental impact starting from their 2024 financial year (reported in 2025). Digital operations — including website hosting and software infrastructure — fall under Scope 2 and Scope 3 emissions.
Smaller companies have until 2026-2028 depending on their size and listing status.
How Website Carbon is Calculated
The most widely adopted methodology is the Sustainable Web Design (SWD) model v4, which calculates emissions based on:
- Data transfer (bytes transferred per page view)
- Energy intensity (kWh per GB) — varies by infrastructure type
- Grid carbon intensity (gCO₂/kWh) — varies by country/region
- Device energy — end-user device consumption
The formula produces a CO₂e (CO₂ equivalent) figure per page view.
Practical Benchmarks
| Site weight | CO₂ per view | Annual CO₂ (100k views/month) |
|---|---|---|
| 500 KB | ~0.09g | ~108 kg |
| 1.5 MB | ~0.27g | ~324 kg |
| 3 MB | ~0.54g | ~648 kg |
| 5 MB | ~0.90g | ~1,080 kg |
The global average is around 0.5g CO₂ per page view.
Quick Wins to Reduce Website Emissions
Hosting
- Choose a green hosting provider (powered by renewable energy)
- Select a data center region close to your target audience
- Use CDN to reduce data travel distance
Images (biggest impact)
- Convert to WebP or AVIF format (30-50% smaller than JPEG/PNG)
- Implement lazy loading (
loading="lazy") - Serve appropriately sized images via
srcset
Code
- Minify CSS, JS, and HTML
- Remove unused CSS (tools: PurgeCSS, UnusedCSS)
- Defer non-critical JavaScript
Fonts
- Use system fonts where possible
- Subset custom fonts to include only used characters
- Preload critical fonts
Measuring Your Website's Carbon Footprint
Several free tools exist for carbon measurement:
- carbon-badge.com — generates a shareable carbon badge using the SWD v4 methodology, with a public API and embeddable widget. Useful for CSRD reporting and sustainability pages.
- Website Carbon Calculator (websitecarbon.com) — similar approach, widely cited
- Ecograder — combines carbon score with performance and UX metrics
Adding a Carbon Badge to Your Site
Adding a carbon transparency badge is increasingly common on B2B and sustainability-focused sites. It signals environmental commitment and can be referenced in CSRD disclosures.
<!-- Example embed from carbon-badge.com -->
<a href="https://carbon-badge.com/results?url=yoursite.com">
This page emits 0.12g of CO2
</a>
The Business Case
Beyond compliance, a lighter website is a faster website — and faster websites convert better. Google Core Web Vitals directly reward performance improvements, making carbon optimization a dual-purpose investment.
For teams working on CSRD documentation, having a third-party tool generate your digital carbon data provides an audit trail that internal estimates cannot.
Top comments (0)