Meet de CO2 uitstoot van webpagina's met CarbonFooter

Ben jij benieuwd hoeveel CO2 jouw webpagina uitstoot? Dat kun je checken met Carbonfooter.

Nadat je de URL hebt ingevuld, krijg je een energielabel met daarbij inzicht in hoe goed pagina presteert. Verder zie je in een oogopslag waar de meeste uitstoot in zit en je krijgt handige tips om je pagina direct te verbeteren, iets wat je nog maar weinig ziet.

Hoe het begon

Websites zijn super. Maar vaak, ook supergroot. En grote websites, bestaan uit veel data. Om al die data te verwerken, is veel energie nodig. En bij het produceren van die energie, komen broeikasgassen vrij. Daardoor warmt de planeet op.

Nadat Merel en ik meerdere keren hebben samengewerkt aan duurzame WordPress websites ontwikkelen, werd het tijd voor de volgende stappen:

1. de wereld vertellen dat websites CO2 uitstoten
2. dezelfde mensen vertellen dat websites veel duurzamer kunnen
3. de oplossing bouwen waarmee doe-het-zelvers én website bouwers alle tools in handen hebben voor het maken van meer duurzame websites

Met dank aan SIDN en Stimuleringsfonds Creatieve Industrie die ons hebben gesteund met een subsidie, zijn we hier nu goed mee op weg. De eerste tool voor bewustwording en inzicht is er: Carbonfooter.nl

Hoe werkt onze tool?

In het kort, werkt onze Carbonfooter zo:

1. Ga naar carbonfooter.nl en vul de URL in van de pagina die je wilt testen
2. Je ontvangt allerlei resultaten
3. Met deze handvaten kun je zelf al direct aan de slag. Vergeet niet de tips per blokje te checken voor extra informatie.

Zo simpel is het. Maar achter de schermen gebeurt er natuurlijk veel meer. Wanneer jij op [enter] drukt, wordt je URL geanalyseerd om zo de totale grootte van de pagina in bytes te berekenen. Daarnaast wordt er gekeken naar het aantal elementen en de groottes daarvan. Denk bijvoorbeeld aan:

• Het aantal afbeeldingen en de groottes
• Het aantal codebestanden en de groottes

Zodra de analyse voltooid is, hebben we alle basisgegevens die we vervolgens in de CO2 formule voeren. Hiermee berekenen we de CO2 uitstoot per byte, volgens het Sustainable Web Model V4. Voor de developers: dit doen we met behulp van co2.js in combinatie met een eigen sausje.

Vanuit daar wordt alles doorgerekend naar bijvoorbeeld de uitstoot van je pagina bij 1000 bezoekers per maand.

Er is natuurlijk nog veel meer gaande achter de schermen met de formules en berekeningen. Wil je daar meer over weten? Stuur ons dan een berichtje.

Wat zijn de plannen met Carbonfooter?

Testen, feedback verzamelen, uitbreiden en optimaliseren. Dat is wat we in de basis willen doen met de tool. En daarbij is jouw input meer dan welkom!

We zullen starten met meer uitleg, tips en informatieve artikelen toevoegen aan de Docs sectie van de website. Vervolgens willen me meer inzichten geven, onze metingen en formules verbeteren en vanuit daar een WordPress plugin ontwikkelen. Deze plugin zal WordPress gebruikers helpen met real-time inzichten binnen de website en ook een energielabel in de footer van de website toevoegen.

We hebben nog meer plannen voor wanneer de plugin stabiel is en wordt gebruikt, maar daar later meer over. Je kunt de roadmap (coming soon) bekijken voor de plannen.

Hoe kan ik bijdragen aan Carbonfooter?

Op dit moment is vooral alle feedback welkom! Heb je een vraag, idee, wens of verbeterpunt? Laat het weten via ons contactformulier. Ons plan is om Carbonfooter te gaan open-sourcen zodat we met andere developers kunnen samenwerken om de tools nog veel beter te maken en het internet een stukje groener.