Testa hållbarhet, energiåtgång och utsläpp för en webbplats

Hoppa till avsnitt:

• Website Carbon Calculator
• Ecograder
• CO2.js från Green Web Foundation
• Merely Emissions
• Sitespeed testar hållbarhet
• Carbon Control från WebPageTest
• Energieffektivitet enligt Webperf
• Fler resurser inom hållbar webbutveckling?

Website Carbon Calculator

Bild 1: Webperf.se enligt Website Carbon Calculator

Det Website Carbon Calculator gör är att räkna ut vilket koldioxidavtryck en webbplats har. I deras webbtjänst kan du ange din egen eller valfri webbplats du är nyfiken på hur bra den är.

Det du får reda på är hur bra webbplatsen står sig i jämförelse med andra webbplatser som testats av Website Carbon Calculator. Exempelvis att ”ojoj, den här är smutsigare än xx% av webbplatser vi testat”. De berättar också hur många gram koldioxid som behöver produceras för att visa webbplatsen samt om den är ren eller smutsig elektricitet som tycks driva webbplatsen.
→ Website Carbon Calculator

Website Carbon har ett API. De gör skillnad på om du har icke-kommersiella intressen eller inte. Det är helt rimligt då de är en SaaS-tjänst. Ifall du har ett kommersiellt behov kan du fortfarande använda Webperfs egna test av energieffektivitet, eftersom vi har en MIT-licens vilket låter dig drifta din egen lösning på vilket sätt du själv väljer.

Ecograder

Bild 2: Webperf.se enligt Ecograder

Är en webbplats där du kan ange valfri webbadress och få en rapport om dess avtryck per sidvisning. De bedömer vikt per sidvisning, UX-design, om en hosting är grön och det generella betyget har ett vettigt avtryck inom koldioxid.

Du får också reda på hur en webbplats står sig i relation till andra som Ecograder har utvärderat. Saker de utvärderar är om mediefiler är optimerade, totalvikt för webbsidan, om man borde avlägsna kod, att bilder har rätt storlek, ta bort onödiga Javascript-moduler och den påverkan som ens tredjeparter kan tänkas ha, och mycket mer.
→ Ecograder

CO2.js från Green Web Foundation

Co2.js är öppen källkod och ett Javascript-ramverk som hjälper utvecklare att bedöma hur mycket utsläpp deras app, webbplats eller annan mjukvara orsakar.

Du kan läsa på mer om CO2.js här – det är ett NPM-paket som främst vänder sig till utvecklare. Co2.js är licensierat under Apache 2.0, så det påverkar vad du tänkt dig bygga för sorts lösning.

Merely Emissions

Bild 3: Webperf.se enligt Merely Emissions.

Merely Emissions är en svensk startup som 2023 började släppa in användare i deras verktyg. De kommer också erbjuda betalande användare ett API. Deras fokus är att hjälpa till att minska webbplatsers koldioxidavtryck genom agerbara data om hur mycket utsläpp som orsakas och praktiska sätt att börja åtgärda det.
→ Merely Emissions

Sitespeed testar hållbarhet

Svenskutvecklade Sitespeed.io används av Webperf-testerna sedan start, men det finns fler aspekter i de testerna som inte har med hastighet att göra. En del är att du kan integrera Axe-testerna för tillgänglighetstester, en annan att du med plugin kan kolla hur hållbar en webbplats är.
→ Build a sustainable web (Sitespeed)

Carbon Control från WebPageTest

Bild 4: Webperf.se enligt WebPageTests Carbon Control, från Catchpoint

WebPageTest känner du säkert till. Tjänsten från Catchpoint. WebPageTest har nu ett deltest som heter Carbon Control och hjälper dig mäta koldioxidavtrycket för en webbplats, samt att du med no-code-verktyg kan experimentera med saker som skulle kunna minska koldioxidavtrycket.
→ Carbon Control (WebPageTest)

Energieffektivitet enligt Webperf

Bild 5: Webperf.se enligt Webperfs eget energitest.

Syftet med Webperf-communityts egna test av energieffektivitet är att starta en diskussion om webbplatsers påverkan på klimat och miljö. Testet är förstås inte perfekt men förhoppningsvis en början och åtminstone ett sätt att börja mäta. Dessutom underlättar det att jämföra sig med de tusentals andra webbplatser som varje månad utvärderas av Webperf vilket ger ett sorts index åtminstone för svenska webbplatser.

Hur funkar Webperfs test av energieffektivitet?

Vi ger webbplatser ett relativt betyg beroende på vilken inverkan de skulle ha utifall de hade samma antal besökare och tekniska lösningar. Vi gör detta genom att ta vikten av webbadressens datamängd och beräkna ett värde från detta. Vi jämför sedan det värdet med ett referensvärde och ger dig ett betyg. Referensvärdena representerar percentilen för alla webbadresser som återkommande kollas av Webperf.se
→ Testa energieffektivitet bl.a. för en webbplats med Webperf.se

Du som redan installerat Webperf Core enligt rekommendationerna kan köra följande kommando i din terminal:
python default.py -t 22 -r -u https://webperf.se

Efter -u anger du förstås den webbadress du vill testa. Det bra med Webperfs egna tester för dig som kan lite teknik är att det står dig fritt att testa valfri webbplats eller webbsida. Oavsett om du jobbar för en webbyrå, på kundsidan eller annan roll som behärskar lite teknik.

Fler resurser inom hållbar webbutveckling?

Ett kanske uppenbart tips är att läsa boken Sustainable Web Design av Tom Greenwood. Den är släppt av förlaget A Book Apart och deras förmåga att släppa kortfattade böcker med nyttiga perspektiv är imponerande.

O'Reilly, du vet de som ständigt släpper böcker med djur på omslaget, har Designing for Sustainability från 2016 av Tim Frick. Boken konstaterar att om internet vore ett land skulle dess användning av elektricitet var det sjätte största (2016). Sedan Designing for Sustainability släpptes har headless blivit väldigt populärt, men inte enbart på grund av hur det slösar mindre med energi utan kanske främst att webbplatserna blir snabbare.

World Wide Waste är både en bok och en podd av Gerry McGovern.

Att lära sig hållbar webbdesign i 20 lektioner utlovas i boktiteln med samma namn.
→ Sustainable WWW

Webbstandardorganisationen W3C har släppt Web Sustainability Guidelines. Dessa riktlinjer avhandlar olika områden för att hjälpa till att göra webbplatser och etjänster mer hållbara. Detta genom en god mix av användarcentrerad design, hur webbtekniken presterar, med mera. W3C säger också att de som följer deras riktlinjer får i många fall på köpet att innehållet blir mer tillgängligt och användbart.
→ Web Sustainability Guidelines 1.0

Och så finns boken Design is the Solution som skjuter brett på frågor som cirkulär ekonomi, hållbarhet och intressenter inom hållbarhet.
→ Design is the Solution