Writing - Sustainability

Thoughts and advice on how to build low-carbon, environmentally friendly websites.

Light switch set to 'OFF' on a white wall.

Making this website carbon aware

Building carbon awareness into products is an important strategy to in the challenge to develop a more sustainable future. In this post, I cover how I used Cloudflare Workers and real-time data to make this website carbon aware.

Blue car driving through the desert with colourful balloons hanging out the window.

Driven by defaults

I’ve been thinking about how we can drive broader change to make the web more sustainable and performant. As I’ll get into, I believe a large part of that comes from the defaults set by the tools and services we use.

COP27 Egypt: A webpage sustainability review

As COP27 approaches, I thought it would be “fun” to take a look at this year’s COP homepage. How does it do in terms of website sustainability?

Website carbon: Beyond data transfer

Measuring the carbon emissions of websites and apps is no easy thing. Most tools use the amount of data being transferred to calculate the overall emissions. But to get more detailed, relevant results we need to go beyond just data transfer.

Release guide: CO2.js v0.11

The v0.11.0 release of CO2.js introduces a change to the default carbon estimation model, as well as including global average and marginal intensity data for the first time.

CO2.js: An Open Library for Digital Carbon Reporting

Uploading and downloading the bits and bytes that make up the internet uses a lot of electricity. Breaking the internet down to a systems level, data transfer over networks accounts for an estimated 14% of the web’s total electricity consumption.

Release guide: CO2.js v0.10

The v0.10.0 release of CO2.js introduces an easier way for developers to switch between the different carbon estimation models that are available in the library.

Green summer trees overhead with blue sky

A carbon aware internet

Knowing the carbon intensity of the electricity grids in which code runs can allow developers to make informed decisions about where/when to run their code.

Female protestor holding up cardboard sign with the words 'Less is more. It's eco-logical' painted on it.

“Use less. Use green. Buy green.”

By using less power, using green power, and buying from green suppliers businesses and individuals alike can reduce their carbon footprint. How would we go about applying this same thinking to website performance and sustainability?

Illustration of two people moving charts on a monitor.

Core Web Vitals meets sustainability

Everyone wants to make sure their website's Core Web Vitals are up to standard. What if we told you that some of the very things you'll do to improve your site's Core Web Vitals can also help make it more sustainable!

Wind turbines standing in a grass field in Spain.

Reducing website carbon emissions

As our thirst for data, connectivity, and content grows, so does the portion of global carbon emissions attributed to the internet. In this post, we'll take a look at the steps frontend developers can take to make sites more efficient and better for the planet.

white windmills in open fields during the daytime

The environmental case for website performance

What's the link between a faster website and climate change? In this post I'll explain how you can help the environment by focusing on website performance.