Nachhaltiges Webdesign: so wird deine Website klimafreundlich
Nachhaltiges Webdesign ist im Kern Datensparsamkeit. Was das messbar bringt, welche vier Hebel wirklich ziehen und woran du einen ernsthaften Hoster erkennst.
Klimafreundliches Webdesign heißt: weniger übertragen
Nachhaltiges Webdesign, oft auch Green Webdesign oder nachhaltige Webentwicklung genannt, ist im Kern eine einzige Entscheidung: möglichst wenig Daten über die Leitung schicken. Alles andere folgt daraus. Leichte Bilder, schlanker Code, zwei Schriftschnitte statt sieben, Hosting mit Ökostrom.
Wie viel Luft da drin ist, zeigt der Web Almanac des HTTP Archive: Im Juli 2025 wog eine durchschnittliche mobile Seite im Median 2.164 KB, auf dem Desktop 2.412 KB. Zehn Jahre vorher war die Hälfte davon normal. Gewachsen ist dabei selten der Inhalt.
Der Nebeneffekt ist der eigentliche Verkaufsgrund, und ich sage das bewusst so herum: Genau diese sparsamen Seiten laden am schnellsten. Wer aus Klimagründen aufräumt, bekommt die bessere Website gratis dazu. Wer aus Geschwindigkeitsgründen aufräumt, ebenso.
Womit gerechnet wird, und was die Zahl wert ist
Der Branchenstandard heißt Sustainable Web Design Model, aktuell in Version 4. Er rechnet mit einer Energieintensität von 0,30 kWh je übertragenem Gigabyte und einem weltweiten Strommix von 494 g CO₂e pro kWh, verteilt auf Rechenzentrum, Netz, Endgerät und Herstellung. Für eine durchschnittliche Seite kommt so rund 0,36 g CO₂e pro Aufruf heraus.
Ein Hinweis, falls du alte und neue Werte vergleichst: Die Bibliothek CO2.js stellt mit Version 0.18 im Februar 2026 auf Modell v4 um. Ein Wert von 2024 und einer von heute sind deshalb nicht ohne Weiteres dieselbe Größe.
Und die ehrliche Einordnung: Das ist ein Modell, keine Messung. Niemand hängt ein Strommessgerät an deinen Seitenaufruf. Als Vorher-nachher-Vergleich derselben Seite taugen Website Carbon und Ecograder gut. Als absolute Wahrheit über deinen Fußabdruck taugen sie nicht. Dasselbe gilt für die oft zitierte Schätzung, die Digitaltechnik liege in der Größenordnung des weltweiten Flugverkehrs: Die Richtung stimmt, die genaue Zahl ist unter Fachleuten strittig.
Die vier Hebel, nach Wirkung sortiert
Bilder
Fast immer der größte Brocken, und fast immer der am leichtesten zu hebende. Moderne Formate wie WebP oder AVIF, dazu passende Größen für kleine Bildschirme und Lazy-Loading für alles unterhalb des ersten Bildschirms. Ein Foto, das in 600 Pixel Breite angezeigt wird, muss nicht in 3000 Pixel geladen werden.
Schriften
Zwei Schnitte reichen für fast jede Website. Und sie gehören auf den eigenen Server statt von einem fremden geladen: Das spart eine Verbindung, beschleunigt die Anzeige und erledigt nebenbei ein Datenschutzthema. Wie das geht, steht im Beitrag über das Selbst-Hosten von Google Fonts.
Skripte
Jedes Tracking-Skript, jedes Plugin, jeder eingebettete Dienst kostet Daten und Zeit. Die Übung ist unbequem, aber wirksam: alles auflisten und für jeden Eintrag begründen, was er einbringt. Was sich nicht begründen lässt, fliegt raus.
Hosting
Server laufen rund um die Uhr, unabhängig davon, ob jemand deine Seite besucht. Diesen Sockel verschiebt nur der Anbieter, nicht dein Bildformat.
In Deutschland hilft dabei seit Kurzem das Gesetz. Das Energieeffizienzgesetz schreibt Rechenzentren seit dem 1. Januar 2024 mindestens 50 Prozent Strom aus erneuerbaren Quellen vor, ab 1. Januar 2027 rechnerisch 100 Prozent. Für Rechenzentren, die seit dem 1. Juli 2026 in Betrieb gehen, gilt zusätzlich ein PUE-Wert von höchstens 1,2; ältere müssen ab Juli 2027 unter 1,5 bleiben. Der PUE-Wert sagt, wie viel Strom das Gebäude zusätzlich zur reinen Rechenleistung zieht, vor allem für Kühlung. 1,5 heißt: die Hälfte obendrauf.
Praktisch heißt das: Frag deinen Hoster nach Standort und PUE-Wert. Wer die Zahl nennen kann, hat sich damit beschäftigt.
Nachhaltige Website erstellen: die Reihenfolge
Wenn du eine bestehende Seite aufräumst, lohnt genau diese Abfolge. Sie ist nach Wirkung pro Aufwand sortiert, nicht nach Bequemlichkeit.
- Ausgangswert messen und notieren, sonst redest du später über Gefühle.
- Bilder auf WebP oder AVIF, in der Größe, in der sie wirklich angezeigt werden.
- Schriften auf höchstens zwei Schnitte reduzieren und selbst hosten.
- Skripte inventarisieren, jedes einzelne begründen oder entfernen.
- Hosting mit belegtem Ökostrom wählen.
- Nachmessen und beide Werte nebeneinander aufschreiben.
Wenn du beim Aufräumen merkst, dass die Ladezeit das eigentliche Thema ist: Der Beitrag über schnelle Ladezeiten geht dieselben Hebel aus der Geschwindigkeits-Perspektive durch.
Was nachhaltiges Webdesign nicht ist
Ein CO₂-Badge im Footer einer vier Megabyte schweren Seite ist Dekoration. Ein gepflanzter Baum pro Bestellung ändert nichts an der Datenmenge, die deine Startseite bei jedem Aufruf überträgt. Beides mag gut gemeint sein, gehört aber in die Kategorie Kommunikation, nicht in die Kategorie Technik.
Der unbequeme Teil ist meistens redaktionell, nicht technisch: weniger Unterseiten, weniger Bilder, weniger Karussells. Kein Bildkomprimierer der Welt rettet eine Seite, die aus vierzehn Sektionen besteht, von denen elf niemand liest.
Wie ich das umsetze
Bei meinen Projekten heißt nachhaltig vor allem: weglassen. Die Kundenseiten sind statisch gebaut, es rechnet also kein CMS bei jedem Aufruf mit. Schriften liegen selbst gehostet auf dem eigenen Server, getrackt wird ohne Cookies. Das ist keine Öko-Deko, sondern schlicht sparsames Webdesign: weniger Requests, weniger Skripte, weniger Strom, schnellere Seite.
Nachhaltigkeit hört dabei nicht beim Web auf. Fürs Gedruckte gilt dasselbe Prinzip, nachzulesen im Beitrag über nachhaltige Druckprodukte.
Häufige Fragen
Was ist nachhaltiges Webdesign?
Eine Website so bauen, dass sie möglichst wenig Daten überträgt und möglichst wenig Strom verbraucht: leichte Bilder, schlanker Code, wenige Schriften, Hosting mit Ökostrom. Weil dieselben Maßnahmen die Ladezeit senken, ist das Ergebnis fast immer auch die schnellere Website.
Wie messe ich den CO₂-Fußabdruck meiner Website?
Mit Rechnern wie Website Carbon oder Ecograder. Sie schätzen aus Seitengewicht und Hosting einen Wert pro Aufruf, meist nach dem Sustainable Web Design Model. Das ist ein Modell, keine Messung: Nimm die Zahl als Vergleich vor und nach einer Optimierung, nicht als Bilanz.
Bringt klimafreundliches Webdesign auch SEO-Vorteile?
Nicht direkt. Google bewertet keinen CO₂-Wert. Aber die Maßnahmen sind dieselben, die Ladezeit und Core Web Vitals verbessern, und die zählen. Der SEO-Nutzen kommt also über die Geschwindigkeit, nicht über die Nachhaltigkeit.
Was ist ein guter PUE-Wert beim Hosting?
Der PUE-Wert sagt, wie viel Strom ein Rechenzentrum zusätzlich zur reinen Rechenleistung braucht, vor allem für Kühlung. In Deutschland gilt für Rechenzentren, die seit dem 1. Juli 2026 in Betrieb gehen, höchstens 1,2; ältere müssen ab Juli 2027 unter 1,5 bleiben. Unter 1,3 ist gut.
Pappelbaum Design
Deine eigene Website — ab 100 €
Professionelles Webdesign, persönlich gebaut und ohne Agenturumweg — vom Onepager bis zum Relaunch. Direkt mit mir, transparent zum Festpreis. Der erste Schritt kostet nichts.