Grøn hosting og hjemmesider

Din hjemmeside har et CO2-fodaftryk. Datacentre verden over bruger enorme mængder energi, og hver gang nogen besøger din side, kræver det strøm. Men med de rigtige valg kan du reducere din hjemmesides miljøpåvirkning markant.

Hjemmesidens miljøpåvirkning

Hvor kommer udledningen fra?

1. Datacentre (hosting):

• Servere der kører 24/7
• Køling af servere
• Backup-strøm
• Netværksudstyr

2. Dataoverførsel:

• Netværksinfrastruktur
• Routere og switches
• Undersøiske kabler

3. Brugerens enhed:

• Computer/telefon
• Skærm
• Netværksudstyr hjemme

Tal der illustrerer

• Internettet bruger ca. 400 TWh/år (mere end Storbritannien)
• Et enkelt datacenter kan bruge lige så meget strøm som en lille by
• Gennemsnitlig hjemmeside udleder 1,76 g CO2 pr. sidevisning
• 1 million sidevisninger = ca. 1,76 tons CO2

Din hjemmesides fodaftryk

Beregn ca. udledning:

Sidevisninger/mdCO2/md ca.CO2/år ca. 1.0001,8 kg21 kg 10.00018 kg210 kg 100.000180 kg2,1 tons 1.000.0001,8 tons21 tons

Test din hjemmeside:

• Website Carbon Calculator (websitecarbon.com)
• Ecograder (ecograder.com)
• Green Web Check (thegreenwebfoundation.org)

Hvad er grøn hosting?

Definition

Grøn hosting er webhosting der minimerer miljøpåvirkningen gennem:

• Vedvarende energi
• Energieffektive servere
• Effektiv køling
• Carbon offsetting
• Miljøcertificeringer

Typer af grøn hosting

100% vedvarende energi:

• Datacentret drives af sol, vind, vandkraft
• Den mest effektive løsning
• Verificeret gennem certifikater (RECs)

Carbon neutral:

• Udledning kompenseres gennem offsetting
• Mindre ideelt, men bedre end intet
• Træplantning, vedvarende energi-projekter

Energieffektivt:

• Fokus på at reducere forbrug
• Effektiv køling (free cooling)
• Moderne, effektivt hardware

PUE: Mål for effektivitet

Power Usage Effectiveness:

• Måler total energi / energi til computing
• PUE 1.0 = perfekt (umuligt)
• PUE 1.2 = fremragende
• PUE 1.5 = gennemsnitligt
• PUE 2.0 = ineffektivt

Eksempler:

• Google datacentre: 1.10
• Gennemsnitligt datacenter: 1.58
• Ældre datacentre: 2.0+

Vælg grøn hosting

Hvad skal du kigge efter?

1. Energikilde:

• 100% vedvarende energi?
• Dokumentation/certifikater?
• Carbon offsetting?

2. Lokation:

• Lokale servere = kortere datatransport
• Skandinavien har meget vedvarende energi
• Koldt klima = mindre køling

3. Effektivitet:

• PUE-tal
• Moderne hardware
• Effektiv køling

4. Certificeringer:

• ISO 14001 (miljøledelse)
• ISO 50001 (energiledelse)
• Green Web Foundation listed

Dansk hosting

Fordele ved dansk hosting:

• Kortere afstand: Mindre datatransport = lavere CO2
• Dansk strømmix: Høj andel vedvarende energi
• Koldt klima: Naturlig køling
• Dansk support: Nemmere kommunikation
• GDPR: Data inden for EU

Mehosting tilbyder dansk hosting med fokus på pålidelighed og effektivitet.

Spørgsmål til din hostingudbyder

Hvilken energikilde bruger jeres datacenter?

Hvad er jeres PUE?

Har I miljøcertificeringer?

Hvor ligger jeres servere fysisk?

Har I planer om yderligere bæredygtighedstiltag?

Optimer din hjemmeside

Hvorfor optimering?

En lettere hjemmeside:

• Bruger mindre serverressourcer
• Kræver mindre dataoverførsel
• Loader hurtigere
• Bedre brugeroplevelse
• Bedre SEO

Billeder

Den største synder: Billeder står ofte for 50-80% af en sides vægt.

Optimeringstips:

• Komprimér alle billeder
• Brug moderne formater (WebP)
• Responsive billeder (forskellige størrelser)
• Lazy loading (indlæs først når synligt)
• Undgå unødvendige billeder

Værktøjer:

• TinyPNG / TinyJPG
• ShortPixel
• Imagify
• Squoosh (browser-baseret)

Eksempel besparelse: BilledeOriginalOptimeretBesparelse

Hero-billede2 MB150 KB92% Produktbillede500 KB50 KB90% Baggrundsbillede1 MB80 KB92%

Kode

HTML:

• Minimer (fjern whitespace)
• Fjern ubrugt kode
• Semantisk markup

CSS:

• Minimer og kombiner
• Fjern ubrugt CSS
• Undgå @import
• Critical CSS inline

JavaScript:

• Minimer og kombiner
• Fjern ubrugte biblioteker
• Defer/async loading
• Tree shaking

Caching

Browser caching:

• Gemmer filer lokalt hos brugeren
• Reducerer gentagne downloads
• Opsæt korrekte cache-headers

Server caching:

• Gemmer genererede sider
• Reducerer serverbelastning
• WordPress: WP Super Cache, W3 Total Cache

Fonts

Webfonts bruger ressourcer:

• Hent kun nødvendige vægte
• Subset fonts (kun brugte tegn)
• Font-display: swap
• Overvej system fonts

System fonts (gratis og hurtige): ```css font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; ```

Videos

Video er tungt:

• Embed fra YouTube/Vimeo (de optimerer)
• Lazy load video
• Undgå autoplay
• Tilbyd lavere opløsning

Hosting-niveau optimering

CDN (Content Delivery Network):

• Serverer indhold fra nærmeste lokation
• Reducerer latency
• Aflaster hovedserveren

HTTP/2 eller HTTP/3:

• Mere effektiv protokol
• Multiplexing
• Header komprimering

Gzip/Brotli komprimering:

• Komprimerer tekstfiler
• 70-90% mindre filstørrelse
• Automatisk hos de fleste hosts

WordPress og bæredygtighed

Tema-valg

Vælg let tema:

• Undgå themes med mange features du ikke bruger
• Simpelt = hurtigere = grønnere
• Anbefalede: GeneratePress, Astra (lettere versioner)

Plugins

Færre plugins = bedre:

• Hvert plugin bruger ressourcer
• Fjern inaktive plugins
• Vælg lette alternativer
• Kombiner funktionalitet

Nyttige plugins for optimering:

• WP Super Cache / LiteSpeed Cache
• Autoptimize
• ShortPixel / Imagify
• Asset CleanUp

Vedligeholdelse

Løbende optimering:

• Slet ubrugte medier
• Ryd op i database
• Opdater alt regelmæssigt
• Tjek sidens vægt periodisk

Mål din forbedring

Værktøjer

Hastighed og performance:

• Google PageSpeed Insights
• GTmetrix
• Pingdom
• WebPageTest

CO2 og bæredygtighed:

• Website Carbon Calculator
• Ecograder
• Beacon (digital carbon)

Metrics at følge

MetricGodFremragende SidestørrelseUnder 2 MBUnder 500 KB HTTP requestsUnder 50Under 25 Load timeUnder 3 sekUnder 1 sek CO2 pr. visningUnder 0,5 gUnder 0,2 g

Eksempel: Optimeringscase

Før optimering

• Sidestørrelse: 4,2 MB
• Load time: 6,3 sek
• CO2 pr. visning: 2,8 g
• 10.000 visninger/md = 28 kg CO2/md

Tiltag

Komprimeret billeder (WebP)

Implementeret caching

Minificeret CSS/JS

Fjernet ubrugte plugins

Skiftet til lettere tema

Efter optimering

• Sidestørrelse: 680 KB (84% reduktion)
• Load time: 1,4 sek (78% hurtigere)
• CO2 pr. visning: 0,4 g (86% reduktion)
• 10.000 visninger/md = 4 kg CO2/md

Årlig besparelse: 288 kg CO2

Static sites og JAMstack

Hvad er static sites?

• Forud-genererede HTML-sider
• Ingen database-forespørgsler
• Ingen server-side processing
• Serveres direkte

Fordele for miljøet

• Minimal serverbelastning
• Kan serveres fra CDN
• Ekstremt hurtige
• Meget lave ressourcekrav

Hvornår egnet?

Godt til:

• Blogs
• Portfolio-sider
• Dokumentation
• Landingpages

Mindre egnet til:

• Dynamiske webshops
• Bruger-genereret indhold
• Hyppigt opdateret indhold

Værktøjer

• Hugo
• Gatsby
• Next.js (static export)
• 11ty (Eleventy)

Tjekliste: Grøn hjemmeside

Hosting

• [ ] Vælg grøn hosting (Mehosting)
• [ ] Tjek energikilde
• [ ] Overvej dansk hosting

Billeder

• [ ] Komprimér alle billeder
• [ ] Brug WebP format
• [ ] Implementér lazy loading
• [ ] Responsive billeder

Kode

• [ ] Minificér HTML, CSS, JS
• [ ] Fjern ubrugt kode
• [ ] Reducer HTTP requests
• [ ] Implementér caching

WordPress

• [ ] Let tema
• [ ] Minimal plugins
• [ ] Cache-plugin
• [ ] Billedoptimering

Måling

• [ ] Test med Website Carbon Calculator
• [ ] Kør PageSpeed Insights
• [ ] Dokumentér baseline
• [ ] Mål forbedringer

Konklusion

En grøn hjemmeside handler om bevidste valg:

Vælg grøn hosting: Vedvarende energi, lokal placering

Optimer indhold: Komprimér billeder, minificér kode

Reducer bloat: Fjern unødvendigt, hold det simpelt

Mål og forbedr: Test, optimér, gentag

Med dansk hosting fra Mehosting og fokus på optimering kan du have en hurtig, brugervenlig hjemmeside med minimalt miljøaftryk.

Læs også: Introduktion til bæredygtig IT og Energibesparende computere og udstyr.