Forside Blogg Hvordan vi gjorde aplia.no grønn

Hvordan vi gjorde aplia.no grønn

Vi i Aplia ønsker å ha fokus på en mer bærekraftig fremtid innen digitalisering, og tar aktivt valg om hvordan vi kan hjelpe våre kunder med å ta grønnere valg for sine bedrifter. Da kan dere tenke dere hvor flaut det var når vi så at vi hadde sovet litt i timen selv, men da var det bare en ting å gjøre, rulle opp ermene og begynne å feie for egen dør.

Vi brukte Website Carbon Calculator for å få en oversikt over tilstanden til nettsiden og kunne se hvor mye CO2 som slippes ut for hver besøkende, og om serveren vår faktisk var så grønn som vi trodde. Selv om kalkulatoren ikke viser helt korrekte data gir den en god indikasjon på tingenes tilstand og er et fint sted å begynne.

Skjermbilde av CO2utslipp før endringer. Viste at vi hadde F-rating, og gjorde det dårligere enn 75% andre nettsider.

Skjermbilde av CO2utslipp før endringer. Vi slapp ut 1.04g med CO2 for hver gang noen besøkte nettsiden vår. Den vite også at vi brukte miljøfiendtlige servere.

Vi fikk litt sjokk over hvor langt nede på skalaen vi var, men det var et veldig godt utgangspunkt for diskusjoner om hvor vi skulle begynne, hvem som skulle se på hva og hvordan vi i fremtiden kan bli flinkere til å tenke mer miljø når vi skulle jobbe med nettsiden.

Bilder

Noe av det første vi la merke til var at bildene tok mye plass. Dette fører til økt trafikkoverføring som igjen betyr økt energibruk. Vi reduserte størrelsen på bildene ved å rendre dem til å være det største de trenger å være når de lastes på en stasjonær datamaskin. Dette bidro ikke bare til å spare plass, men forbedret også nettsidens lastetid og ytelse.

I tillegg begynte vi å bruke srcset-attributtet, som tillater nettlesere å velge riktig bilde basert på enhetens oppløsning. Dette betyr at mindre enheter nå laster ned mindre versjoner av bildene, noe som resulterer i en mer effektiv bruk av båndbredde og mindre belastning på miljøet.

Endelig, for å ytterligere redusere nettsidens fotavtrykk, konverterte vi bildene til det mer miljøvennlige WebP-formatet. Dette formatet gir samme visuelle kvalitet som andre formater, men med betydelig mindre filstørrelse, noe som igjen reduserer lastetid og båndbreddebehov.

Ellers er gode tips på nettsider å generelt designe for minst mulig bruk av store, høyoppløste bilder. Gode erstatninger kan være dekorative svg'er. Prøv også å unngå bruk av store videoer.

Fonter

Et interessant funn var at font-filene våre faktisk tok opp en betydelig mengde plass når de ble lastet inn. For å redusere denne unødvendige belastningen, tok vi det kritiske skrittet med å bytte fra det tunge otf-formatet til det langt mer plassbesparende woff2-formatet. Denne enkle justeringen viste seg å ha en betydelig positiv effekt på nettsidens ytelse samtidig som den bidro til å redusere dens miljøpåvirkning.

Server

Neste steg var å se på hvilken server vi brukte. For våre kunder så har vi tatt et valg om å bruke Microsoft Azure, som er en klimanøytral leverandør og som har som mål å drives av 100% fornybar energi innen 2025. Problemet for oss er at vi måtte ha våre nettsider på en annen server slik at vi er tilgjengelige dersom kundenes server skulle være nede. Vi benyttet DigitalOcean, men ønsket å benytte et grønnere alternativ. Valget falt på Google fordi de jobber for å bli karbonnøytrale innen 2030,

Google et sterkt engasjement for miljøet og bærekraftighet, noe som gjenspeiles i deres langsiktige mål om å operere på 100% fornybar energi og deres kontinuerlige innsats for å redusere karbonavtrykket. Ved å velge Google som vår hostingpartner, kan vi derfor være sikre på at vi jobber med en organisasjon som deler våre verdier og er dedikert til å redusere sin miljøpåvirkning.

Resultatet

Sjekk dette ut – med bare noen små endringer, hoppet vi faktisk fire plasser oppover! Det er utrolig hva selv små justeringer kan gjøre for å gjøre nettsiden vår grønnere. Og det blir bedre – vi har redusert karbonutslippet per besøkende med hele 0,71g! I tillegg opererer serveren vår nå med fornybar energi, noe som virkelig setter prikken over i-en for vårt miljøengasjement.

Skjermbilde av CO2utslipp etter kodeendringer. Viste at vi hadde B-rating, og gjorde det bedre enn 64% andre nettsider.

Skjermbilde av CO2utslipp etter kodeendringer. Nå var utslippet på bare 0.33g med CO2 per sidevisning.

Og vi sier oss faktisk ikke helt ferdige der! Som miljøfyrtårn så vil vi kontinuerlig se på hvordan vår nettside og drift kan gjøres enda grønnere. Med vår miljøsertifisering som rettesnor, tar vi steg mot en mer bærekraftig drift og inspirerer andre til å følge etter.