Kurzfassung: Jede Seite verursacht Stromverbrauch in Rechenzentrum, Netz und Endgerät. Die größten Hebel: Datenmenge runter, Drittanbieter zähmen, grünen Strom sichern – und kontinuierlich messen. Der Median-Seitenumfang lag 10/2024 bei 2,65 MB (Desktop) bzw. 2,31 MB (mobil); JavaScript allein: ~613 KB/558 KB. Das ist Ihr Ausgangspunkt für Budgets und Zielwerte.

1) Was verursacht Emissionen – in 60 Sekunden

Das Sustainable Web Design Model (SWDM v4) zerlegt den Fußabdruck in drei Segmente: Rechenzentren (~22 %), Netze (~24 %), Endgeräte (~54 %). Die Schätzung nutzt Datenmenge (GB) × Energieintensität × Strommix – und erlaubt einen „Green-Hosting-Faktor“.

Kontext Strommix: Global lag die CO₂-Intensität des Stroms zuletzt um ~445–480 g/kWh; die EU 2023: 242 g/kWh – deutlich niedriger. Standort und Providerwahl wirken deshalb direkt auf Ihre Website-Emissionen.

Daumenregel heute: Der Mittelwert liegt bei ~0,36 g CO₂e pro Pageview (Website Carbon, basierend auf SWDM v4).

2) 10-Minuten-Selbstcheck für CEOs

Stellen Sie diese Fragen – Ihre Leads können sie ohne Vorlauf beantworten:

A. Brand/Marketing (Medien)

• Nutzen wir AVIF/WebP für Bilder, mit srcset/Größenanpassung? (WebP spart i.d.R. ~25–34 % ggü. JPEG; AVIF oft noch mehr.)
• Gibt es Autoplay-Videos auf Einstiegsseiten? (Wenn ja: Posterbild + Click-to-Play + kurze Dauer.)
• Sind Schriften „sub-gesetzt“ (nur benötigte Zeichen) und max. 2 Dateien initial?

B. Technik (Seite & Code)

• Haben wir Performance-Budgets? Zielwerte: ≤ 1 MB initial, JS ≤ 150–200 KB initial, Bilder ≤ 1 MB pro Seite. (Begründung: Medianwerte zeigen deutlichen Ballast – Budgets kehren das um.)
• Komprimieren wir Text-Assets mit Brotli (br)? (+15–25 % ggü. Gzip möglich.)
• Laden wir Third-Party-Embeds (Maps, Social, Video) erst nach Interaktion via Facade-Pattern?

C. Infrastruktur (Hosting/CDN)

• Ist unser Provider in der Green Web Foundation Directory als „grün“ verifiziert?
• Nutzen wir ein CDN mit transparentem Impact-Reporting (z. B. Cloudflare Impact/Emissions-Inventar)?
• Falls wir auf Hyperscaler setzen: Prüfen wir CFE-% der Region (24/7 Carbon-Free Energy-Ziel bis 2030).

3) Die 5 größten Hebel (mit klaren Anweisungen)

1. Bilder modernisieren
   • Standard: AVIF (Fallback WebP), strikte Max-Breiten, sizes/srcset.
   • Ergebnis: typ. 25–34 % kleiner ggü. JPEG (WebP), AVIF oft nochmals darunter.
2. Video dosieren
   • Kein Autoplay auf Landingpages; Poster + Click-to-Play, adaptives Streaming.
   • Begründung: Video treibt Seitengewicht (90-Perzentil in MB-Größenordnung).
3. JavaScript budgetieren
   • Code-Splitting, Tree-Shaking, „Insel-Architektur“/Partial Hydration.
   • Referenz: Median-JS bereits ~613 KB/558 KB – Budget setzen!
4. Text-Assets härter komprimieren
   • Serverseitig Brotli aktivieren; bringt oft 15–25 % vs. Gzip.
5. Drittanbieter entkoppeln
   • Consent-Gate + Facades (YouTube, Maps, Social) → lädt erst bei Klick.

Bonus: Ihre Animations-Policy bleibt erhalten: GSAP/Lottie nur dezent für Schlüsselelemente – kurze Laufzeiten, SVG statt Video-Loops. (Passt zur Performance-Budget-Logik.)

4) 30-Tage-Plan (konkret und messbar)

Woche 1 – Messen & Budgets

• CO₂-Baseline je Top-URL mit Website Carbon; automatisiertes Reporting mit CO2.js aufsetzen. Budgets definieren (Transfer, JS, Fonts).

Woche 2 – Medien

• Bilder auf AVIF/WebP umstellen; responsive Größen, harte Max-Breiten.
• Autoplay-Videos entfernen; Poster & Click-to-Play.

Woche 3 – Code & Third-Party

• Brotli aktivieren; kritisches CSS inline; Preload/Preconnect.
• Third-Party auf Facades umstellen; Tag-Manager aufräumen.

Woche 4 – Hosting/CDN

• Provider im Green Web Directory prüfen/wechseln; CDN einschalten/optimieren.
• Bei Cloud-Regionen CFE-% berücksichtigen; Roadmap zu Regionen mit höherem CFE.

5) Kennzahlen & Zielwerte fürs Steering

• Initial Transfer ≤ 1 MB
• JS initial ≤ 150–200 KB
• Bilder pro Seite ≤ 1 MB
• CO₂/Pageview: –50 % ggü. Baseline in 3 Monaten (SWDM v4-Messung)
• Green-Hosting: verifiziert (GWF) & Region mit hohem CFE-%

6) Rechenbeispiel für Ihr Reporting

Angenommen 0,36 g CO₂e/Pageview und 100 000 Pageviews/Monat:
≈ 432 kg CO₂e/Jahr. Durch Medien-Optimierung, JS-Budget, Brotli, Facades und grünes Hosting sind > 50–80 % Reduktion realistisch (abhängig von Ausgangslage). Quellen zu Durchschnittswerten & Hebeln siehe oben.

7) Strategischer Kontext (für Aufsichtsrat & Einkauf)

• Energie-Trend: Strombedarf von Rechenzentren wächst stark; IEA sieht bis > 1 000 TWh in 2026 bzw. ~945 TWh bis 2030 (Basisfälle). Das verstärkt die Hebel „Daten schlank“ & „grüner Strom“.

8) Ihr „CEO-One-Pager“ an die Bereichsleiter

Ziele (90 Tage):

1. –50 % CO₂/Pageview (vs. Baseline, SWDM v4).
2. Budgets eingeführt (Transfer, JS, Bilder, Third-Party).
3. Green-Hosting verifiziert + CFE-Region bewertet.

Belege & Referenzen (für Ihre Teams):

Web Almanac 2024 – Seitengewicht & JS-Median. almanac.httparchive.org

SWDM v4 & CO2.js – Methodik & Tooling. Sustainable Web Designdevelopers.thegreenwebfoundation.org

Website Carbon – Benchmarks & Checks. Website Carbon Calculator

Brotli – 15–25 % vs. Gzip. Paul Calvano

Facades – Third-Party lazy laden. Chrome for Developers

Grid-Intensität – EU 2023: 242 g/kWh; global: ~445–480 g/kWh. Ember+1IEA