Nachhaltige Website: CO2 senken, schneller werden

Ein neuer Kunde, ein Naturkosmetik-Label, sitzt im Kick-off und sagt einen Satz, der öfter fällt, als man denkt: „Nachhaltigkeit ist unsere Marke – kann das auch unsere Website zeigen?" Du nickst, gehst nach dem Termin auf einen kostenlosen CO2-Rechner und gibst die alte Seite ein. Ergebnis: schlechter als 70 Prozent aller getesteten Seiten. Schuld ist ein sechs Sekunden langes Hero-Video im Autoplay und ein Stapel Schriftarten, die niemand vermisst. Genau hier beginnt ein Thema, das für Agenturen gerade vom netten Extra zum echten Verkaufsargument wird.

Dieser Beitrag zeigt, woher der digitale CO2-Ausstoß kommt, wie du ihn mit kostenlosen Tools misst, welche Hebel wirklich etwas bringen – und wie du daraus ein Angebot machst, ohne in die Greenwashing-Falle zu tappen.

Warum eine nachhaltige Website mehr ist als Imagepflege

Das Internet ist kein sauberer Ort. Jeder Seitenaufruf bewegt Daten über Netze, Rechenzentren und Endgeräte, und all das kostet Strom. Wie viel genau, ist umstritten – die kursierenden Zahlen sind Modellrechnungen, keine gemessenen Werte, und je nach Methode weichen sie stark ab. Eine häufig zitierte Schätzung beziffert den Anteil digitaler Technik an den globalen Treibhausgasemissionen auf rund 3,7 Prozent, was ungefähr der Größenordnung des weltweiten Flugverkehrs entspricht; Rechenzentren allein verbrauchen nach gängigen Schätzungen etwa 1,5 Prozent des globalen Stroms. Man sollte diese Zahlen mit Vorsicht nennen – als Orientierung taugen sie, als exakte Bilanz nicht.

Auf die einzelne Seite heruntergebrochen wirkt der Effekt winzig: Modelle wie das Sustainable Web Design Model veranschlagen für eine durchschnittliche Seite grob 0,3 bis 0,4 Gramm CO2 pro Aufruf. Klein – bis man multipliziert. Bei 10.000 Besuchen im Monat summiert sich das je nach Seitengewicht auf einen zweistelligen Kilogramm-Betrag pro Jahr. Und der eigentliche Charme für Agenturen liegt nicht im Klima allein: Fast alles, was eine Seite leichter und damit „grüner" macht, macht sie zugleich schneller. Wer an der CO2-Bilanz arbeitet, arbeitet automatisch an den Core Web Vitals – und damit an Ranking und Conversion. Nachhaltigkeit ist hier kein Verzicht, sondern derselbe Hebel unter anderem Namen.

Woher das CO2 kommt: das Seitengewicht

Die wichtigste Stellschraube ist banal und wird trotzdem ständig übersehen: wie viele Bytes eine Seite überträgt. Und diese Zahl wächst seit Jahren ungebremst. Laut dem Web Almanac von HTTP Archive lag das mediane Seitengewicht Mitte 2025 bei rund 2,2 Megabyte auf dem Smartphone und 2,4 Megabyte auf dem Desktop. Über zehn Jahre ist die mobile Median-Seite um mehr als 200 Prozent gewachsen – von unter 850 Kilobyte auf über 2.300. Jedes Jahr kommen sieben bis acht Prozent obendrauf.

Der Strom fließt dabei an drei Stellen zugleich: im Rechenzentrum, das die Daten ausliefert, im Netz, das sie transportiert, und im Endgerät, das sie verarbeitet und darstellt. Ein schweres, skriptlastiges Layout belastet nicht nur den Server, sondern lässt auch ältere Smartphones heißlaufen und ihren Akku schneller leeren. Deshalb ist „leichter" nie nur eine Serverfrage – es verbessert die Erfahrung bis in die Hand der Nutzerin.

Wo steckt das Gewicht? An der Spitze stehen fast immer die Bilder – bei einer typischen Startseite rund 900 Kilobyte auf dem Handy, gut ein Megabyte auf dem Desktop. Direkt dahinter folgt JavaScript mit über 600 Kilobyte, oft aufgebläht durch Tracking, Slider, Chat-Widgets und andere Fremdskripte. Schriftarten, CSS und HTML fallen dagegen kaum ins Gewicht. Diese Reihenfolge ist die eigentliche Botschaft: Wer Bilder und Skripte in den Griff bekommt, hat den größten Teil der Arbeit erledigt.

Messen, bevor du optimierst

Bevor du etwas versprichst, miss den Ist-Zustand – das ist zugleich der erste, sichtbare Mehrwert für den Kunden. Drei kostenlose Werkzeuge reichen für den Einstieg. Der Website Carbon Calculator von Wholegrain Digital gilt als De-facto-Standard und liefert eine simple Note plus Gramm-Wert pro Aufruf. Ecograder von Mightybytes bezieht Hosting, Geschwindigkeit und Mobiloptimierung mit ein und gibt konkrete Empfehlungen. Digital Beacon schlüsselt das Gewicht nach Dateitypen auf und trennt Erst- von Wiederbesuchen – ideal, um den größten Brocken sofort zu sehen. Ergänzend zeigt das Verzeichnis der Green Web Foundation, ob ein Hoster mit erneuerbarer Energie arbeitet.

Wichtig ist, diese Werte richtig zu lesen: Sie sind Momentaufnahmen auf Basis von Modellen, keine geeichte Messung. Für den Vergleich „vorher/nachher" sind sie aber hervorragend – und ein Screenshot des verbesserten Ergebnisses ist ein starkes Argument in der Abschlusspräsentation.

Die größten Hebel im Agentur-Alltag

Bilder zuerst. Moderne Formate wie WebP oder AVIF sparen gegenüber JPEG und PNG oft die Hälfte des Gewichts, ohne sichtbaren Qualitätsverlust. Dazu die Bilder in der tatsächlich benötigten Größe ausliefern statt ein 4000-Pixel-Foto per CSS auf Thumbnail-Größe zu quetschen, und alles unterhalb des sichtbaren Bereichs per Lazy Loading nachladen. Ein Autoplay-Hero-Video ist fast immer der teuerste Posten – hier lohnt die ehrliche Frage, ob ein starkes Standbild denselben Zweck erfüllt.

Danach JavaScript und Fremdskripte. Jedes Tracking-Pixel, jeder eingebettete Feed, jeder externe Slider bringt eigenes Gewicht und eigene Serververbindungen mit. Weniger ist hier messbar mehr – und nebenbei ein Gewinn für den Datenschutz, wie wir es bei der DSGVO-konformen Webanalyse beschrieben haben. Bei Schriften genügen meist zwei Schnitte statt sechs; wo es passt, sparen Systemschriften den Font-Download ganz. Sauberes Caching und ein CDN sorgen dafür, dass wiederkehrende Besucher nicht alles erneut laden. Und schließlich das Hosting: Ein Anbieter, der nachweislich mit Ökostrom arbeitet, senkt den bilanzierten Fußabdruck, ohne dass du eine Zeile Code änderst.

Das Schöne an dieser Liste: Kein einziger Punkt ist exotisch. Es sind dieselben Maßnahmen, die eine Seite schnell und wartbar machen – weshalb sie sich gut mit einem Relaunch oder einem laufenden Wartungsvertrag verbinden lassen.

Ein Rechenbeispiel aus dem Alltag

Nimm die Startseite des Naturkosmetik-Kunden vom Anfang. Vorher: 4,8 Megabyte, getrieben vom Autoplay-Video und sechs unkomprimierten Produktfotos. Nach der Kur – Video raus, ein Standbild rein, Fotos auf AVIF umgestellt und in der richtigen Größe ausgeliefert, zwei überflüssige Schriftschnitte entfernt – landet dieselbe Seite bei 1,1 Megabyte. Das ist knapp ein Viertel des Ausgangsgewichts.

Was heißt das in Zahlen? Der CO2-Rechner springt von einer schlechten auf eine gute Note, und bei angenommenen 15.000 Aufrufen im Monat sinkt die modellierte Jahresbilanz spürbar in den zweistelligen Kilogramm-Bereich. Ehrlicher als jede absolute Zahl ist aber der Vergleich selbst: minus 77 Prozent Datenvolumen. Und dieser Wert erscheint nicht nur im Nachhaltigkeitsreport, sondern auch im Ladezeit-Diagramm – die Seite baut sich auf dem Handy jetzt in einem Bruchteil der Zeit auf. Ein Ergebnis, zwei Verkaufsargumente.

Ehrlich bleiben statt Greenwashing

Ein Wort der Vorsicht, denn hier lauert ein Fallstrick. Aus einem guten Tool-Ergebnis wird schnell die Werbeaussage „klimaneutrale Website". Solche pauschalen Umweltclaims sind rechtlich heikel und geraten zunehmend unter Druck – wer mit Klimaneutralität wirbt, muss sie belegen können, sonst drohen Abmahnungen wegen irreführender Werbung. Bleib deshalb bei überprüfbaren, konkreten Aussagen: „Wir haben das Seitengewicht um 60 Prozent reduziert" oder „Diese Seite wird mit Ökostrom gehostet" ist belastbar. „Klimaneutral" ist es meist nicht. Das ist keine Rechtsberatung – aber ein guter Reflex: Versprich nur, was der Screenshot zeigt.

Aus Nachhaltigkeit ein Angebot machen

Für Agenturen ist der Dreh naheliegend. Ein „Green Web Check" als Einstieg – Messung, Report, Priorisierung – kostet dich eine Stunde und öffnet das Gespräch. Daraus folgt ein Optimierungspaket mit klarem Vorher-Nachher, und die dauerhafte Pflege sorgt dafür, dass die Seite nicht binnen eines Jahres wieder zuwuchert. Für Kunden mit einer nachhaltigen Markenbotschaft ist das kein Nice-to-have, sondern Teil ihrer Glaubwürdigkeit – und für dich ein Differenzierungsmerkmal, das SEO, Performance und Haltung in einem Paket bündelt. Der beste Startpunkt ist der, den wir am Anfang hatten: die alte Seite einmal durch den Rechner schicken. Das Ergebnis verkauft sich fast von selbst.