A typical webpage produces 0.5 to 2 grams of CO2 per page view. Multiply that by millions of visits, and a single website can emit more carbon annually than a mid-size car. The good news: digital emissions are measurable, and many of the most effective reductions cost nothing.
Website carbon calculators estimate emissions based on a chain of measurements: data transferred per page view × energy used per byte transferred × carbon intensity of the energy mix × number of visits. Different tools make different assumptions at each step, which is why results can vary by 2-3x between tools.
The Website Carbon Calculator v4 (websitecarbon.com) uses the following methodology: it measures the page's data transfer, applies the Sustainable Web Design (SWD) model to convert bytes to kWh, then multiplies by the average global grid carbon intensity (0.442 kgCO2e/kWh as of 2024), weighted between the end user (45%), network (14%), and data center (41%).
| Tool | Methodology | Best For |
|---|---|---|
| Website Carbon v4 | SWD model, global average grid | Quick single-page estimates |
| Digital Carbon Online | Page-level mapping across full site | Full site audit by page type |
| Ecograder | Combines carbon + performance + UX | Getting improvement recommendations |
| Beacon | CO2.js library, configurable grid | Developers building custom tools |
| Carbon Badge | Real-time measurement with badge display | Public commitment and transparency |
For most use cases, Website Carbon v4 is the starting point — it's fast, free, and gives you a benchmark. For a full site audit, Digital Carbon Online's page-by-page approach reveals which sections (typically image-heavy product pages or video embeds) drive the most emissions. Use our Carbon Badge scanner for real-time per-page measurement you can display publicly.
Understanding the drivers makes the reduction strategy obvious. Three factors dominate:
Page weight (data transfer)
Unoptimized images account for 40-60% of most page weights. A hero image at 3MB costs 20-30x more in carbon than the same image at 100KB. Modern formats (WebP, AVIF) combined with proper compression typically cut image weight by 60-80% with no visible quality loss.
Hosting infrastructure
The carbon intensity of the electricity powering your data center varies by a factor of 10 between regions and providers. A site hosted on 100% renewable energy effectively eliminates the data center component of its carbon footprint — which represents 41% of the total by the SWD model. The Green Web Foundation's database lists verified green hosting providers.
Third-party scripts
Analytics, chat widgets, advertising scripts, and social share buttons each add HTTP requests and data transfer. A page with 15 third-party scripts can have 2-3x the carbon footprint of the same page without them. An audit of which scripts are actually necessary often reveals significant reduction opportunities.
- Compress and convert images — Convert to WebP/AVIF, use lazy loading, implement responsive images with srcset
- Switch to green hosting — Choose a provider using 100% renewable energy verified by the Green Web Foundation
- Audit and remove unnecessary scripts — Eliminate or defer third-party scripts, use consent-gated analytics
- Enable caching aggressively — Browser and CDN caching reduces data transfer on repeat visits significantly
- Optimize fonts — Self-host fonts, use font-display: swap, subset to only needed characters
- Reduce video autoplay — Replace autoplay video with a static poster image plus click-to-play
- Use a CDN — Serving content from geographically distributed servers reduces transmission distance and energy use
Implement these in order — image optimization typically gives the largest quick win, while hosting change gives the largest structural improvement. A comprehensive audit using our full site scanner shows current baseline and prioritizes actions by impact.
The CSRD (Corporate Sustainability Reporting Directive) now requires large EU companies to report on digital footprint as part of scope 3 emissions. Website and digital infrastructure carbon is increasingly part of that reporting scope. Organizations subject to CSRD — and their supply chains — need quantified data, not estimates.
Beyond compliance, there's a performance correlation: the changes that reduce carbon (smaller pages, efficient code, better caching) also improve Core Web Vitals, reduce bounce rates, and lower hosting costs. Carbon optimization and performance optimization are the same work.