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/md	CO2/md ca.	CO2/år ca.
1.000	1,8 kg	21 kg
10.000	18 kg	210 kg
100.000	180 kg	2,1 tons
1.000.000	1,8 tons	21 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

1. Hvilken energikilde bruger jeres datacenter?
2. Hvad er jeres PUE?
3. Har I miljøcertificeringer?
4. Hvor ligger jeres servere fysisk?
5. 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:

Billede	Original	Optimeret	Besparelse
Hero-billede	2 MB	150 KB	92%
Produktbillede	500 KB	50 KB	90%
Baggrundsbillede	1 MB	80 KB	92%

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):

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

Metric	God	Fremragende
Sidestørrelse	Under 2 MB	Under 500 KB
HTTP requests	Under 50	Under 25
Load time	Under 3 sek	Under 1 sek
CO2 pr. visning	Under 0,5 g	Under 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

1. Komprimeret billeder (WebP)
2. Implementeret caching
3. Minificeret CSS/JS
4. Fjernet ubrugte plugins
5. 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:

1. Vælg grøn hosting: Vedvarende energi, lokal placering
2. Optimer indhold: Komprimér billeder, minificér kode
3. Reducer bloat: Fjern unødvendigt, hold det simpelt
4. 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.