Ken jij je website carbon footprint?

’t Internet? Goed voor de bomen. Minder papier = minder tot pulp vermorzelde natuur. Maar hold your eco hashtags… want daar is je website carbon footprint. Al eens bij stilgestaan hoeveel CO2 je de lucht inblaast telkens wanneer je een TikTok het net op knalt, een product verkoopt via je webshop of ook maar gewoon langs deze gouden tips richting een duurzame website scrolt?

Hou ‘m in de gaten, je website carbon footprint

Feit: de gemiddelde website stoot 0,5 gram CO2 per paginaweergave uit, dat is je website carbon footprint. Met 10 000 bezoekers/maand verzamel je op een jaar tijd al gauw het gewicht van een volgroeide cheeta aan CO2 uitstoot, niet bepaald van de poes.

Grootste vervuiler? Het datacenter waar je je website host. Daar staan voetbalvelden vol van. Hun apparatuur wordt gebouwd met schaarse grondstoffen en zo verbruikt een datacenter waanzinnig veel elektriciteit. Zijn er op je website veel afbeeldingen, video’s, animaties… te vinden? Dan maak je het een datacenter extra lastig.

We kunnen ons voorstellen dat je benieuwd bent hoe hoog de CO2 teller doorschiet bij jouw website. Je kan je website carbon footprint eenvoudig laten berekenen!

Bereken je website CO2 score

Een handige tool om je website CO2 score te berekenen, vind je hier.

Plak je url in het veld, zo gaan de radars aan het werk. Om je website CO2 footprint in kaart te brengen, worden enkele elementen zorgvuldig afgewogen:

• De hoeveelheid data die geladen wordt.
• De energie-intensiteit van webdata.
• De energiebron die het datacentrum gebruikt.
• De koolstofintensiteit van elektriciteit.
• De hoeveelheid websiteverkeer van je website.

Als alles in de schaal ligt, krijg je een procent toegewezen en ontdek je of je website een grotere of kleinere milieuvervuiler is dan andere websites.

Hoe wij de CO2 uitstoot van typografics.be naar beneden haalden

Practise what you preach, we waren eigenlijk zelf niet de beste leerling van de klas. Maar dankzij Web Developer Elke kleurt onze carbon footprint nu helemaal groen. Hoe ze dat precies aanpakte, lijst ze hieronder kort voor je op:

01. Optimalisatie van de afbeeldingen

Alle afbeeldingen op typografics.be hebben een vaste hoogte en breedte in de HTML code, het exacte formaat hoe ze weergegeven moeten worden. Het aantal kb per afbeelding wordt daarbij laag gehouden, zonder kwaliteitsverlies. Als bestandsformaat kiezen we voor WebP.  Afbeeldingen zijn allen voorzien van alt & title tags. En overtollig beeldmateriaal? Geëlimineerd.

02. Serveroptimalisatie

In PHP bestanden worden enkele i.p.v. dubbele aanhalingstekens gebruikt, bovendien werd GZIP compressie toegevoegd. GZIP compressie maakt het mogelijk om de grootte van de HTML-pagina’s , stylesheets en scripts van je website verminderen zonder dataverlies. Verder werden HTML, CSS en JavaScript bestanden geoptimaliseerd en minified met Gulp.

03. Betere prestaties

Dankzij de W3 total cache plugin wordt een statische versie van de pagina’s ingeladen. Lazy loading zorgt er daarnaast voor dat afbeeldingen enkel worden ingeladen wanneer ze weergegeven moeten worden. 

04. Reductie van het aantal fonts bij het inladen van de website.

05. Ideale balans tussen tekst, afbeeldingen en hoeveelheid HTML code.

Maak niet onnodig pagina’s aan!

Vertrouw op onze web consultants

Een groene score? Daar helpen onze UX/UI designers en web developers je verder mee. Collega Jill licht je graag alle mogelijkheden rond outsourcing toe.