Die meisten Projektbriefs, die ich für neue Websites bekomme, enthalten drei Anforderungen: modernes Design, schnelle Ladezeiten, gutes Google-Ranking. Was in keinem einzigen davon steht: der CO₂-Fußabdruck.
Das ist kein Vorwurf. Der digitale Energieverbrauch ist unsichtbar. Kein Abgasrohr, kein Rauch, kein Geräusch. Trotzdem ist er real — und wächst. Der Telekommunikations- und Technologiesektor ist heute für rund 3,7 % der globalen Treibhausgasemissionen verantwortlich. Das entspricht dem gesamten zivilen Luftverkehr weltweit. Mit steigender Tendenz.
Was das mit Ihrer Website zu tun hat? Mehr, als Sie wahrscheinlich erwarten.
Wie eine Website CO₂ erzeugt — und wo genau
Jeder Seitenaufruf setzt eine Kette in Gang: Ihr Browser sendet eine Anfrage, ein Server irgendwo auf der Welt empfängt sie, schickt Daten zurück, Ihr Gerät verarbeitet und rendert diese Daten. Jeder dieser Schritte verbraucht Strom.
Die Emissionen verteilen sich grob so:
| Quelle | Anteil |
|---|---|
| Endgeräte der Nutzer | ~71 % |
| Netzwerkübertragung | ~14 % |
| Rechenzentren | ~15 % |
Der größte Hebel liegt bei den Endgeräten — also genau dort, wo Seitengröße und Rendering-Aufwand wirken. Eine Website, die 3 MB an Daten überträgt, lässt den Browser mehr arbeiten als eine mit 400 KB. Mehr Rechenleistung bedeutet mehr Akkuverbrauch, mehr Akku-Ladezyklen, mehr Energie.
Eine durchschnittliche Website produziert rund 1,76 g CO₂ pro Seitenaufruf. Bei 100.000 monatlichen Besuchen summiert sich das auf über 2 Tonnen im Jahr — vergleichbar mit einem Langstreckenflug. Gut optimierte Seiten kommen auf unter 0,2 g. Das ist kein akademischer Unterschied.
Die EU macht Nachhaltigkeitsdaten zur Pflicht
Regulatorisch ist das Thema in Bewegung. Wer denkt, digitale Emissionen seien ein freiwilliges Engagement-Thema, unterschätzt die Dynamik:
Die Corporate Sustainability Reporting Directive (CSRD) verpflichtet größere Unternehmen ab 2025 zur Berichterstattung über ihren gesamten ökologischen Fußabdruck — inklusive IT-Infrastruktur und digitaler Dienste. Wer seinen digitalen CO₂-Anteil nicht kennt, kann ihn auch nicht berichten.
Die Green Claims Directive macht unbelegte Nachhaltigkeitsaussagen auf Websites zum Rechtsrisiko. „Wir sind klimaneutral“ ohne Nachweis wird haftungsrelevant.
Hinzu kommt Druck von Seiten großer Auftraggeber und Einkaufsorganisationen: B2B-Unternehmen, die in Lieferketten-Nachhaltigkeitsberichte eingebunden sind, werden zunehmend nach ihrem digitalen Fußabdruck gefragt.
Kurz: Die Frage ist nicht ob Unternehmen sich damit beschäftigen müssen, sondern wann.
Warum nachhaltige Websites zwangsläufig schnellere Websites sind
Hier ist der Punkt, der das Thema aus der Nische holt: Jede technische Maßnahme, die den CO₂-Fußabdruck einer Website senkt, verbessert gleichzeitig deren Performance.
Das ist kein Zufall. Beide Ziele haben dieselbe Ursache: Datenmenge und Verarbeitungsaufwand. Weniger Daten bedeutet weniger Energie beim Laden — und schnellere Ladezeiten für den Nutzer.
Konkret:
- Bildoptimierung senkt den Datentransfer um 50–70 % und ist gleichzeitig der wirkungsvollste Performance-Hebel
- Schlankes JavaScript reduziert Rendering-Aufwand auf dem Endgerät und senkt gleichzeitig den Time-to-Interactive-Wert
- Grünes, gut platziertes Hosting kürzt Übertragungswege und senkt Latenz
- Unbenutztes CSS entfernen spart Bytes und beschleunigt das Layout-Rendering
Wer Performance-Optimierung ernsthaft betreibt, bekommt Nachhaltigkeit als Nebeneffekt — und umgekehrt. Das ist einer der wenigen Bereiche in der Webentwicklung, wo es keine echten Trade-offs gibt.
Die drei wirkungsvollsten Stellschrauben
1. Bilder — der größte Einzelhebel
Bilder machen auf den meisten Websites 50–70 % des gesamten Seitengewichts aus. Das ist der Bereich mit dem größten Optimierungspotenzial und gleichzeitig dem geringsten technischen Aufwand.
Was konkret hilft:
- Moderne Formate konsequent einsetzen. WebP ist 25–35 % kompakter als JPEG bei vergleichbarer Qualität, AVIF nochmals 20–30 % kompakter als WebP. Die Browser-Unterstützung für beide Formate liegt heute bei über 90 % — es gibt keinen guten Grund mehr, standardmäßig JPEG oder PNG auszuliefern
- Responsive Images. Ein Bild in voller Auflösung auf einem Smartphone laden ist Energieverschwendung. Das HTML-Attribut
srcsetliefert die passende Größe für jeden Viewport - Lazy Loading. Bilder außerhalb des sichtbaren Bereichs sollten erst laden, wenn der Nutzer dorthin scrollt. Das native Attribut
loading="lazy"reicht für die meisten Fälle - Kompression prüfen. Qualitätsstufe 80–85 % ist für die meisten Webbilder visuell von 100 % nicht unterscheidbar, spart aber 40–60 % Dateigröße
2. JavaScript — das meist unterschätzte Problem
JavaScript ist heute der größte Verursacher von unnötigem Performance-Verlust und damit von unnötigem Energieverbrauch. Eine typische Website lädt 400–600 KB JavaScript — oft enthält das Bundles von Libraries, deren Funktionen zu 20 % genutzt werden.
Was zu tun ist:
- Tree Shaking sicherstellen: Nur Code ausliefern, der tatsächlich verwendet wird. Moderne Build-Tools wie Vite und esbuild machen das automatisch — wenn die Abängigkeiten mitspielen
- Code Splitting: JavaScript in Teile aufteilen und nur für die aktuelle Seite laden. Frameworks wie Next.js tun das per Route. Bei klassischen Projekten muss es explizit konfiguriert werden
- Jede externe Library hinterfragen. Ein Datums-Picker mit 80 KB kann oft durch 15 Zeilen nativen Code ersetzt werden. Ein Bundle-Analyzer zeigt genau, was wie viel Platz belegt
Faustregel: Jedes gesparte KB JavaScript spart Übertragungsvolumen und Rechenzeit auf dem Endgerät — inklusive Akku.
3. Hosting — die Entscheidung mit der größten Wirkung pro Aufwand
Die Wahl des Hosting-Anbieters ist der einzige Hebel, bei dem Sie ohne eine einzige Code-Änderung den CO₂-Fußabdruck erheblich senken können.
Rechenzentren laufen entweder mit fossilem Strom oder mit erneuerbaren Energien. Der Unterschied ist erheblich: Ein Wechsel zu einem Anbieter, der zu 100 % mit Ökostrom betrieben wird, kann den hosting-seitigen Emissionsanteil nahezu auf null senken.
Orientierung bei der Auswahl:
| Aspekt | Worauf achten |
|---|---|
| Energiequelle | 100 % erneuerbare Energie, idealerweise zertifiziert |
| Serverstandort | Europa für europäische Zielgruppen — kurze Übertragungswege |
| CDN | Statische Inhalte verteilt ausliefern, Latenz und Netzlast senken |
| PUE-Wert | Power Usage Effectiveness unter 1,4 gilt als gut, unter 1,2 als sehr gut |
Anbieter mit nachgewiesenem Fokus auf Ökostrom und europäischen Rechenzentren gibt es in verschiedenen Preisklassen — von Hetzner bis zu spezialisierten Green-Hosting-Anbietern.
Messen, bevor man optimiert
Sie können nicht verbessern, was Sie nicht kennen. Bevor irgendetwas optimiert wird, sollte der Ausgangszustand dokumentiert sein.
Praktische Tools:
- Lighthouse (integriert in Chrome DevTools): Der Performance-Score korreliert stark mit dem CO₂-Fußabdruck. Ein Score unter 70 deutet auf erhebliches Optimierungspotenzial hin
- WebPageTest: Detaillierter Wasserfall-Report, der zeigt, welche Ressourcen wie viel laden und wie lange
- Website Carbon Calculator: Schätzt den CO₂-Ausstoß pro Seitenaufruf und ordnet ihn im globalen Vergleich ein
- Green Web Foundation: Prüft, ob der aktuelle Hosting-Anbieter mit Ökostrom betrieben wird
Konkrete Richtwerte, auf die sich realistische Ziele setzen lassen:
| Metrik | Durchschnitt | Gut | Sehr gut |
|---|---|---|---|
| Seitengröße (MB) | 2,3 | unter 1,0 | unter 0,5 |
| CO₂ pro Aufruf (g) | 1,76 | unter 0,5 | unter 0,2 |
| Lighthouse Performance | ~50 | über 75 | über 90 |
| JavaScript-Bundle (KB) | 450 | unter 200 | unter 100 |
Messen Sie die wichtigsten Seiten zuerst: Startseite, Kontaktseite, Leistungsseiten. Dort liegt die höchste Besuchsfrequenz — und damit die größte Heberwirkung von Optimierungen.
Fazit
Nachhaltiges Webdesign ist keine Philosophiefrage und kein Reputationsprojekt. Es ist konkreter, messbarer Engineering-Output: Seitengröße, Ladedauer, Hosting-Ökostrom, JavaScript-Bundles.
Wer anfängt, seinen digitalen Fußabdruck zu messen und zu reduzieren, wird feststellen, dass die Maßnahmen dafür eng mit allem überlappen, was gute Web-Performance sowieso ausmacht — saubere Architektur, schlanker Code, effizientes Ressourcenmanagement.
Der regulatorische Druck durch CSRD und Green Claims Directive wird das Thema in den nächsten Jahren aus dem Freiwilligkeits-Bereich herausdrücken. Unternehmen, die heute eine saubere Datenbasis aufbauen, haben morgen einen handfesten Vorteil.
Wenn Sie wissen wollen, wo Ihre Website aktuell steht und welche Maßnahmen den größten Effekt hätten: Ich schaue mir das gerne gemeinsam mit Ihnen an.
