Læs om klimavenlig visning

Når du trykker på Klimavenlig visning, bliver alle datatunge elementer (billeder, video, kort med mere) skjult bag et ”overlay”, der fortæller dig, hvilket element der er bagved.

Hvis du ønsker det, kan du altså aktivere hvert element (for eksempel en video) på et oplyst grundlag.

Derudover er der skåret ned for mængden af forskellige farver på hjemmesiden. Særligt er der fokuseret på at nedbringe farven hvid, da det kræver mest energi fra brugerens skærm.

Vi ændrer også fonten til en Google-font, der er indbygget i de fleste browsere og derfor ikke skal downloades til din computer eller mobil.

Arbejdet med at nedbringe CO2-udledningen fra hjemmesiden begrænser sig ikke kun til de tiltag, der bliver slået til, når du trykker på "Klimavenlig visning".

Vi har også foretaget nogle generelle rettelser på hjemmesiden, som også nedbringer dataforbruget og dermed CO2-udledningen, også selvom hjemmesiden bliver vist i sit normale design.

Lazy load af billeder, video og iframes.

Vi indfører lazy load, som betyder, at de mest data-tunge elementer som for eksempel billeder, iframes og videoer først bliver indlæst, når elementerne er synlige på skærmen.

Det betyder, at en film i bunden af en side ikke bliver indlæst, hvis ikke den besøgende scroller ned til bunden af siden. Sagt med andre ord – vi indlæser ikke elementer, før brugeren ser dem.

Nyt billedformat

Vi benytter webp-billedformat i stedet for de gamle .jpg og .png.

Webp er udviklet af Google med det formål at sikre hurtigere indlæsningstider, da formatet fylder op mod 34 % mindre end de gængse billedformater.

Gennemskrivning af Umbraco forms

Forms er hjemmesidens formularsystem, og det er særligt tungt i forhold til data. Vi gennemgår modulets html (kodning) og skriver det om efter ”Climate First”-princippet.

Caching af grafiske elementer

Vi sætter en længere udløbsdato på serveren på billeder, javascript og css, der ikke ændrer sig. På den måde fortæller vi brugernes browsere, at de ikke behøver at hente dem igen ved næste besøg.

Derved sparer vi ressourcer på serveren og undgår at bruge unødvendig internettrafik. Det har samtidig den sideeffekt, at brugeren vil opleve sitet som hurtigere.

Benytter ren javascript i stedet for jQuery.

Vi skifter jQuery javascriptbiblioteket ud og omkoder funktioner til ren javascript. På den måde kan vi lave mere optimerede funktioner, der kun gør det, vi skal bruge.

Kender I begrebet "Web First"? Det bliver i høj grad brugt af mediebranchen, men handler kort fortalt om, at tekster bliver skrevet, så de gør sig bedst til nettet. 

"Web First" har fokus på indhold.

Så kom smart phones, og hjemmesider skulle nu være responsive - altså skulle visningen fungere på både store og små skærme. I de seneste år står mobilerne for det meste af trafikken, og derfor har begrebet "Mobile First" været flittigt brugt i opbygningen af hjemmesider.

"Mobile First" har fokus på devices/enheder.

Vi er slet ikke færdige med "Mobile First" æraen, men den øgede klimabevidsthed gør, at vi i Herning Kommune tror, et begreb som "Climate First" vil få betydning for den måde, hjemmesider bliver bygget på i den nærmeste fremtid.

Klimavenlig visning på herning.dk er bygget op efter det princip. Funktionaliteten af hjemmesiden skulle være intakt, men vi har skrabet det unødvendige væk for at spare så meget data som muligt.

"Climate First" har fokus på dataforbrug.

Når vi engang skal have ny hjemmeside igen, vil Climate First være et gennemgående fokus på linje med de to andre begreber, og det vil også være vores råd til andre, som skal i gang med en lignende proces.

Herning.dk bliver hostet online hos Microsoft Azure, og i den nuværende aftale er der desværre ikke et krav om, at vores hjemmeside skal køre på grøn strøm. Microsoft Azure melder dog, at de vil levere grøn strøm fra 2025.

For at reducere CO2 udledningen fra herning.dk har vi stedet valgt at fokusere på at reducere datamængden og måden data indlæses på hjemmesiden.

Håbet for fremtiden er selvfølgelig, at hjemmesiden kan køre udelukkende på grøn strøm. Vi vil dog fortsat have fokus på at reducere mængden af data på hjemmesiden, da den grønne strøm, herning.dk ikke forbruger, dermed kan blive brugt af nogle andre.

Du sparer data og dermed serverstrøm, når du klikker på Klimavenlig visning.

Men der er også fordele for dig personligt, når du skal indlæse færre mængde data. Hjemmesiden bliver nemlig en smule hurtigere, når du ikke skal indlæse alle de tunge elementer på siden.

Derudover sparer du også strøm på den enhed, du besøger hjemmesiden med. Det kan være din iPad, mobiltelefon eller computer.

Når du bruger mindre strøm, bliver din enhed ikke så hurtigt slidt, og du kan bruge den i længere tid.

Vi er med på, at det er begrænset, hvor længe du surfer rundt på herning.dk, men forhåbentlig kunne flere hjemmesider følge trop og lancere klimavenlige tiltag. På den måde kan vi sammen forlænge levetiden på hardware og dermed reducere den belastning, det er for miljøet at producere computere, iPads og mobiltelefoner.