New Carbon Offset Plugin Aims to Make WordPress Sites More Eco-Friendly

photo credit: Valeriy Poltorak

As developers and internet users become increasingly aware of the CO2 footprint of their data usage, renewed interest in carbon offsetting programs has cropped up in recent years. These programs allow individuals and organizations to “offset” their carbon dioxide emissions by funding environmental endeavors, which range from planting trees to clean energy projects, with lots of variety in between.

Carbon offsetting schemes remain controversial, as they do not actually directly cancel out emissions. The programs allow corporations to appear “environmentally friendly” with their contributions while continuing to burn fossil fuels. Ideally, corporations will work on both reducing their emissions and “neutralizing” the damage done with projects that renew the earth.

For web developers, awareness of your product’s CO2 footprint is the first step, and carbon offsetting programs are usually fine-tuned to make this data relatable. This awareness is especially critical if the software you are building is used on millions of devices. Aris Stathopoulos, a WordPress developer known best for authoring the Kirki Customizer Framework, has created a plugin called Carbon Offset that calculates the greenhouse emissions from your website visits and integrates with the Cloverly API for offsets and payments.

“The internet is a huge machine consuming vast amounts of energy,” Stathopoulos said. “The whole chain from server farms to ISPs to client devices are usually powered by non-renewable sources of power. What really rang the ‘danger’ bell in my mind was reading Mozilla’s Internet-Health report two years ago.

“Since then I’ve been trying to help make the web a bit more sustainable. Sometimes that means converting a script to vanilla JS, building a theme, or just talking to people about things they can do to make their site more performant and more eco-friendly/sustainable. Carbon Offset is my latest effort on that front.”

The first version of the plugin includes a details page with the calculated impact of your site’s carbon footprint, displayed next to the weight of the carbon offset. I could see this page evolving to be more visually compelling in the future. The settings page is where users can hook up their sites the Cloverly API.

Cloverly offers offsets on demand, which means that users fund clean energy for one of the projects the company has selected. These include initiatives that do things like capture fugitive gas emissions, improve forest management, and convert methane from manure into renewable energy.

Browsing the WordPress.org plugin repository, it seems the platform only has a handful of plugins designed to raise users’ awareness about carbon emissions. The Website Carbon plugin gives users a broad overview of the impact of their site’s emissions, including reporting on if the data center the site is hosted in is powered by renewable energy. CO2ok for WooCommerce is another plugin that integrates with a service for purchasing offsets.

Stathopoulos wants to expand his plugin to integrate with additional services so that users have more choices in offsetting their websites’ carbon footprints. He has no affiliation with Cloverly. He said the only reason he chose to integrate with it is because they have a great API that is easy to work with. He made his implementation extensible so that adding extra services will be easy when he finds another one with a good API.

Breaking Website Owners Out of Complacency: Awareness Is the First Step Towards Reducing Emissions

“There are sites out there that measure a site’s carbon footprint and they give an idea of how much carbon is generated whenever someone visits a webpage,” Stathopoulos said. “If you start testing websites you see some good, some bad and some shockingly costly. Take for example w.org: Each visit produces 0.68g of carbon emissions, and that’s one of the good sites. NYTimes.com generates 3.2grams of carbon every time someone visits their site.”

Stathopoulos wants to use his plugin to raise awareness among WordPress site owners, since the software is so widely used but oftentimes weighed down by third-party extensions.

“With WordPress powering 30%+ of the web, we’re talking about millions of daily views,” he said. “In the unlikely optimistic scenario that all of them generate no more than 0.5g per page-load, WP sites generate no less than 500 metric tons of carbon/day. This has nothing to do with WordPress. Instead it’s about the 5MB image that the user wants on their frontpage, the fancy wiggling JS animation that requires that extra 5kb of JS, developers insisting on using jQuery in their themes and plugins, the unused 300kb of CSS that a site has, the Facebook widget, social sharing buttons than use 100kb of JS, or the horrendous use of images of text instead of plain text.

“It’s all data that gets downloaded every single time and each time it does, the server runs a few milliseconds more, the browser takes a few more milliseconds to render. It all adds up to wasted energy, energy that took real resources to generate and in the process of doing that, it generated some more carbon emissions.”

It’s easy for anyone to get complacent when the data usage seems to run on magic and doesn’t immediately impact the site owner. Plugins like Carbon Offset aim to make wasted resources more of a reality. Stathopoulos is currently working to add e-commerce support that will allow customers to offset the carbon footprint of their purchases’ delivery, or even allow shop owners to fund the offset instead. He said this will usually amount to a few cents per sale, but it can make a meaningful impact if done on a large scale.

“One of my hopes is that it will help increase sensitivity and awareness,” Stathopoulos said. “Hopefully, some people will understand that their website is part of the problem. Hopefully, it will urge them to rethink how they build their sites and want to be part of the solution – ideally by striving to lower the carbon emissions of our websites.

“But since for various reasons that is not always possible, the plugin will show how much our website costs the environment, and some may choose to give something back.”

Stathopoulos said that purchasing offsets was “surprisingly cheap.” He purchased offsets for 50kg of CO2 for approximately $4, and his website ‘burns’ 0.2g/visit.

“This means I’m good for the next 2.5 million visits,” he said. “If my site was as heavy as the NYTimes, then that would buy me 15k views worth of damage to the environment, which would be a pretty good indication that I have to change some things on my site.

“The cost is not the point. The point is being conscious about what we build, how much damage we do, and helping undo that damage as much as possible. After all, a sustainable website is a lot faster and more performant than a non-sustainable one. Everyone wins.”

5

5 responses to “New Carbon Offset Plugin Aims to Make WordPress Sites More Eco-Friendly”

  1. site is hosted in is powered by renewable energy

    Stupid metric. Nuclear power is vastly superior to all other forms of electricity production. Just because its “renewable energy” does not mean it’s life cycle CO2 is low or that it has a low environmental impact. It does not also take into account any regulatory requirements such as coal powered plants or water power plants which has a huge environmental impact.
    I would say data centers that say they run on renewable energy is an environmental threat.

    Just make a plugin that says buy nuclear power electricity.

    • The energy source used is just one of the many factors. It is not the only one, nor is it the most important one.
      A website that has 10MB of images on its frontpage will produce a lot more carbon than an optimized 30kb mostly-text site – even if the 1st one is powered by solar power and the 2nd one by burning coal.
      The metric is an indication, an estimation. Nobody can accurately measure the carbon footprint of a website. The numbers are meant as a guide, not a gospel.
      If a website produces 2g/visit then it’s bad and they should do something about it ASAP. There’s lots of room of improvement there! If they do 0.1g then it’s pretty good, but I’ve managed to get as low as 0.01 on a site. There’s always something that we can do to improve things.

  2. Renewable energy, is one among the most discussed topic recently, especially related to global warming. However, it is not 100% green, it uses pannels, batteries, other components to stabilize the energy. all these have a specific life, after that tenure tese needs to be dumped, will create a huge problem than all other forms of energy is contributing today.

  3. Thanks, Ari, great initiative!

    Raising awareness about the fact that the internet runs on a lot of electricity and that all that data has to be stored and transferred, seems important to me, too. Especially in these strange times, when we’re relying on the web even more. People react surprised when I tell them about the impact of the internet on climate change. 🙂

    The problem is that we create these “giant websites”, with everything and if possible even more (scripts). Then we try to optimise them. Caching and maybe some more resources, because “they are cheaper than our time to build them the right way”. But often we are spending our visitor’s time.

    Instead, we should keep website weight in mind when we build them. Weight is part of the budget, part of the quality of the result. As part of the budget, it helps us make design decision as well.

    It is obviously not that straightforward, but a lighter, well-crafted site is not only better for the environment, but also faster by design.

  4. You try to optimize a website by few kB while much more data is transferred every hour by the constantly sharing-liking-streaming lunatic society addicted to social media and electronic entertainment. So what are we talking about here?

Newsletter

Subscribe Via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.