Website Carbon calculator
Je hebt je misschien al eens afgevraagd wat jouw website precies verbruikt. Elke website heeft een impact op het milieu, en hoe meer bezoekers, hoe groter de impact. Onder het motto ‘alle beetjes helpen’ is het de moeite waard om te kijken wat je zelf kunt doen of (als dat een optie is) samen te werken met een bureau dat hierin gespecialiseerd is.
Kleine aanpassingen maken al een groot verschil, zoals:
Efficiënte code: Verwijder scripts die je niet meer gebruikt of die dubbel staan. Vervang oudere scripts door nieuwere versies en minimaliseer CSS en JavaScript om de laadtijd en het energieverbruik te verminderen.
Geoptimaliseerde afbeeldingen: Verklein en comprimeer afbeeldingen voor je website. Denk aan afmetingen en dpi (72 is voldoende voor webgebruik). Bewaar afbeeldingen in een efficiënt bestandsformaat: PNG-bestanden zijn vaak groter dan JPG, terwijl WebP een beter alternatief zijn. Voor websites op platforms zoals Squarespace, waarop Halftijds.be is gebouwd, is WebP vandaag geen optie (maar staat wel op hun roadmap voor 2025).
Groene hosting: Soms kun je dit zelf bepalen, maar als je gebruikmaakt van een websitebouwer zoals Squarespace, heb je daar geen controle over. Wix bijvoorbeeld beweert wel groene energie te gebruiken. Voor je begint te bouwen, ga je dit best even na.
Tools om je impact te meten
Er bestaan handige tools om inzicht te krijgen in de CO₂-uitstoot van een website en hoe milieuvriendelijk je pagina is zoals Website Carbon Calculator.
De energie die nodig is om de pagina te laden
Of de gebruikte stroom groen of grijs is
De CO₂-uitstoot per paginabezoek
Hoe jouw site scoort in vergelijking met andere websites
Deze calculator vergelijkt de impact ook met dagelijkse handelingen, zoals het aantal gereden kilometers met een elektrische auto of het aantal bomen dat nodig zou zijn om de uitstoot te compenseren.
Beacon geeft je website een score (van A tot F) en biedt een diepere analyse van factoren zoals:
De grootte van je scripts
Stylesheets en fonts
Afbeeldingen
Hierdoor kun je beter zien waar optimalisatiemogelijkheden liggen. In tegenstelling tot Website Carbon Calculator, kun je deze tool onbeperkt gebruiken en houdt deze een overzicht bij van de laatste tien tests. Zo kun je eenvoudig zien of je aanpassingen effect hebben.
Ecograder biedt aanvullende inzichten. Je krijgt een score van A tot E, verdeeld over verschillende aspecten:
Page Weight (hoe zwaar je pagina is qua data)
UX Design (gebruiksvriendelijkheid en energieverbruik)
Green Hosting (of je hostingprovider duurzame energie gebruikt)
Daarnaast analyseert de tool elementen zoals afbeeldingen, scripts en HTML/CSS. Een handige functie is de sectie ‘Opportunities for Improvement’, waarin je de grootste afbeeldingen op je website kunt vinden. Kopieer de URL van een afbeelding en plak deze in je browser om te bekijken welke bestanden geoptimaliseerd kunnen worden.
Door deze tools te gebruiken en kleine optimalisaties door te voeren, kun je de impact van je website op het milieu verkleinen zonder in te leveren op prestaties of functionaliteit en een plan maken om dit verder aan te pakken.