Why your website's carbon footprint matters

The invisible cost of a page load

Every time someone opens one of your pages, a chain of events happens behind the scenes. Servers wake up, data travels across cables and wireless signals, and devices process everything to paint pixels on a screen. All of that requires electricity. And most of the world's electricity is still generated by burning fossil fuels.

This isn't a future problem. It's happening right now, with every click, every scroll, every page load — including the one you just used to read this sentence.

How much does it actually emit?

A single page view emits roughly 0.2g to 0.5g of CO2 on average. That might sound small. But scale it up.

A website with 10,000 monthly visitors and 3 pages visited per session emits approximately 6kg to 15kg of CO2 every month — without doing anything actively harmful. It's just sitting there, being a website.

Now imagine millions of websites doing the same thing, every single day.

Where does the energy go?

The energy a website consumes is spread across three main areas:

• Data centers: The servers that store and serve your website run 24/7. They need power to operate and even more power to stay cool.
• Network transmission: Moving data from a server to your visitor's device uses energy at every hop along the way — through routers, switches, and cell towers.
• End user devices: The visitor's phone, laptop, or desktop also consumes energy while rendering your page. Heavier pages make devices work harder and drain batteries faster.

The scale of the problem

The internet as a whole is responsible for approximately 3.7% of global greenhouse gas emissions. That puts it on par with the entire airline industry. And unlike flights, which people are starting to question, nobody thinks twice about loading a webpage.

What makes a website heavy?

Not all websites are created equal. Some emit 0.05g per page view. Others emit over 5g. The difference comes down to what's actually being loaded.

• Unoptimized images: A single high-resolution image can weigh more than an entire lightweight page.
• Unused JavaScript: Bundling libraries you don't need adds weight that users download but never use.
• Third-party scripts: Analytics, ads, chat widgets — each one adds data transfer and processing time.
• No caching: If your server sends the same data every single time instead of reusing cached versions, you're wasting energy on every request.
• Video autoplay: Autoplaying videos are one of the heaviest things you can put on a page.

The good news

Here's the thing, the fixes are often simple, and they don't just help the planet. They make your website faster, cheaper to run, and better for your users too.

Optimizing a website for lower carbon emissions is almost always the same as optimizing it for performance. Smaller files load faster. Less JavaScript means smoother interactions. Efficient code uses less server resources, which means lower hosting costs.

Your first steps

You don't need to rewrite your entire website overnight. Start here:

1. Measure first: Use websitecarbon.com or Google Lighthouse to see where you stand today.
2. Audit your images: Check if any images are larger than they need to be. Compress and convert them to WebP.
3. Remove unused code: Run your bundle through a tool like bundlesize or webpack-bundle-analyzer to see what's actually being loaded.
4. Enable caching: Make sure your server is caching static assets with appropriate headers.
5. Choose green hosting: Look for hosting providers powered by 100% renewable energy.