Ik heb het vaak over energielabels van websites, en ook op andere plekken zie je ze wel eens voorbij komen. Bij de Website Carbon Calculator bijvoorbeeld, of Digital Beacon. Maar wat betekenen die website energielabels eigenlijk, en hoe moet je ze interpreteren?
Oorsprong
Ik heb ze niet zelf bedacht, helaas – I wish! De website energielabels komen voort uit een samenwerking van Mightybytes en Wholegrain Digital, twee pioniers op het gebied van duurzame digitalisering. Zij hebben op 1 juni 2023 het HTTP Archive gecrawld, en op basis van die data een indeling gemaakt van zware en minder zware webpagina’s.
Uit hun data analyse bleek dat de gemiddelde webpagina zo’n 2,4 MB zwaar was. Op om preciezer te zijn: 2419,57 kB. Dit was hun ijkpunt voor het energielabelsysteem: een pagina zwaarder dan die 2419,57 kB krijgt een energielabel F. Dat is dus pakweg de helft van de websites. De andere helft hebben ze opgedeeld in percentielen: hoor je bij de lichtste 50% van de website, dan is dat energielabel E, bij de lichtste 40% energielabel D, enzovoort, tot je bij de lichtste 5% komt: label A+.
Best wel een mooi systeem!
De energielabels
Dit zijn de energielabels hoe ze op dit moment (26 februari 2024) op sustainablewebdesign.org staan, volgens hun Sustainable Web Design Model 4:
| Label | Paginagewicht | Gram CO2 per pageview | Percentiel |
|---|---|---|---|
A+ | < 272,51 kB | < 0,040 g | Bij de beste 5% |
A | 272,51 – 531,15 kB | 0,040 – 0,079 g | Bij de beste 10% |
B | 531,15 – 975,85 kB | 0,079 – 0,145 g | Bij de beste 20% |
C | 975,85 – 1410,39 kB | 0,145 – 0,209 g | Bij de beste 30% |
D | 1410,39 – 1875,01 kB | 0,209 – 0,278 g | Bij de beste 40% |
E | 1875,01 – 2419,56 kB | 0,278 – 0,359 g | Bij de beste 50% |
F | ≥ 2419,57 kB | ≥ 0,360 g | Bij de slechtste 50% |
Op sommige plekken wordt nog het Sustainable Web Design Model 3 gebruikt. Op zich niet heel erg een drama: deze is wat strenger als het gaat om CO2, maar de paginagewichten zijn hetzelfde. Het verschil tussen model 3 en 4 is (kort door de bocht) dat de verborgen impact van hardware anders wordt meegerekend.
| Label | Paginagewicht | Gram CO2 per pageview | Percentiel |
|---|---|---|---|
A+ | < 272,51 kB | < 0,095 g | Bij de beste 5% |
A | 272,51 – 531,15 kB | 0,095 – 0,186 g | Bij de beste 10% |
B | 531,15 – 975,85 kB | 0,186 – 0,341 g | Bij de beste 20% |
C | 975,85 – 1410,39 kB | 0,341 – 0,493 g | Bij de beste 30% |
D | 1410,39 – 1875,01 kB | 0,493 – 0,656 g | Bij de beste 40% |
E | 1875,01 – 2419,56 kB | 0,656 – 0,846 g | Bij de beste 50% |
F | ≥ 2419,57 kB | ≥ 0,847 g | Bij de slechtste 50% |
Hoe ik ze gebruik
Wanneer ik een duurzaamheidsanalyse doe, dan baseer ik de labels op het paginagewicht – dat zorgt voor meer stabiliteit in de beoordeling. In mijn ogen hun je als vuistregel aanhouden dat een duurzaam gebouwde webpagina doorgaans onder de 1 MB blijft, dus label B. Liefst lichter.
Maar het kan natuurlijk voorkomen dat een website eigenaar bepaalde functionaliteiten nodig heeft die het onmogelijk maken om onder die grenswaarde te blijven. Ik zie de energielabels dan vooral als guidelines, en niet als harde regels. Het is heel erg situatie afhankelijk. Er is idioot veel mogelijk onder de 1 MB totaal, als je maar een beetje bewust bouwt en best practices volgt.
Gemiddeldes
Wanneer ik een website oplever, dan krijgt je als klant ook een duurzaamheidsanalyse + rapport, als bewijs dat jouw website ook echt duurzaam gebouwd is. En op social media communiceer ik ook graag trots hoe duurzaam die website is! Daar geeft ik vaak een gemiddeld label, gebaseerd op het gemiddelde paginagewicht.
Energielabel is momentopname
Net zoals een energielabel van een huis een momentopname is, en kan veranderen als je iets aan het huis verandert (bijvoorbeeld de zolder isoleren, of juist een slecht geïsoleerde serre aanbouwen), kan ook het energielabel van een webpagina veranderen als je aanpassingen doet. Slechts één afbeelding ondoordacht vervangen door een ongeoptimaliseerde foto kan idioot veel verschil maken. Of wanneer je door onwetendheid geen lazy loading toevoegt aan je video. Of die ene handige WordPress plugin, die niet zoveel voor lijkt te stellen, maar enorm veel code op je frontend dumpt.
Zorg er dus voor dat je zelf de kennis in huis haalt om jouw duurzame website duurzaam te houden, of schakel er een professional voor in.
Wil jij dat jouw energiezuinige, lichtgewicht gebouwde website ook duurzaam blijft? Schrijf je dan in voor mijn cursus “Waardevol en duurzaam contentbeheer” en leer alle ins en out over hoe jij je website duurzaam kunt beheren!