Nachhaltige Websites: Wirkung, Messbarkeit, Umsetzung

Manchmal merkt man es zuerst im Alltag: Die neue Kampagne ist live, die Anzeigen laufen – und trotzdem fühlt sich alles zäh an. Auf dem Handy dauert es zu lange, bis etwas passiert. Ein paar Nutzer springen ab. Im Team kommt die Frage auf, ob „die Website einfach schwer ist“.

Genau da beginnt Nachhaltigkeit im Web. Nicht bei einem grünen Badge im Footer, sondern bei dem Moment, in dem du merkst: Wir verschwenden Ressourcen – und zwar gleichzeitig Zeit, Geld und Aufmerksamkeit.

Der Kontext ist klar: Der digitale Sektor trägt in der Größenordnung von rund 2,8–4 Prozent zu globalen Treibhausgasemissionen bei. The Shift Project (2019) Neuere Einordnungen nennen etwa 3,4 Prozent. Le Monde (2025) Und während Rechenzentren effizienter werden, wachsen Datenmengen weiter – besonders durch Video, Tracking und immer schwerere Websites.

Was uns in Projekten auffällt: Viele Organisationen investieren viel in Nachhaltigkeit im Kerngeschäft, aber die Website läuft „nebenbei“. Oft mit einem Theme von damals, einer Plugin-Sammlung als Notlösung – und einem Design, das bei jedem Update ein bisschen mehr auseinanderfällt.

Unsere erste „Geheimzutat“ ist deshalb nicht Technik, sondern Klarheit: Nachhaltige Websites entstehen aus Prioritäten. Wenn Inhalt, Nutzerweg und Technik auf das Wesentliche ausgerichtet sind, ist das Ergebnis fast automatisch schneller – und meist deutlich ressourcenschonender.

Und noch etwas: Nachhaltigkeit ist im Web kein Verzicht. Es ist ein Qualitätsversprechen. Für dich, für deine Nutzer – und für das System, in dem alles läuft.

Wenn wir über nachhaltige Websites sprechen, meinen wir nicht „Öko-Optik“ und auch nicht nur „Green Hosting“. Nachhaltigkeit hat im Web drei Dimensionen – und erst zusammen wird es rund.

1) Ökologisch: weniger Energie pro Nutzung

Jeder Seitenaufruf bewegt Daten, lässt Server rechnen und Endgeräte rendern. Je größer und komplexer die Seite, desto höher der Energiebedarf – und desto höher die Emissionen, wenn der Strommix nicht erneuerbar ist. Dass Websites immer schwerer werden, ist gut dokumentiert: Die durchschnittliche Seitengröße liegt heute bei rund 2 MB und wächst langfristig weiter. Pingdom

2) Ökonomisch: langlebig statt Wegwerf-Relaunch

Nachhaltig heißt auch: Du baust nicht jedes zweite Jahr neu, weil das System brüchig wurde. In der Praxis ist das der unterschätzte Teil. Wir sehen häufig, dass der größte „digitale Müll“ nicht durch einen großen Header entsteht, sondern durch kurzlebige Entscheidungen: Abhängigkeiten, die niemand mehr warten kann, oder Strukturen, die jede kleine Änderung teuer machen.

3) Sozial: Zugang für alle

Barrierefreiheit ist für uns nicht ein Extra, das man hinten dranhängt, sondern ein Qualitätsstandard. Wenn eine Website auf alten Geräten, mit langsamen Verbindungen oder mit assistiven Technologien funktioniert, dann ist sie oft automatisch schlanker, klarer und robuster.

Unsere zweite „Geheimzutat“ ist eine einfache Heuristik, die wir in Projekten nutzen: Planet–People–Profit als Check im Review.

Wenn wir eine Entscheidung treffen (Animation, Video, Tracking, Framework), fragen wir kurz:

1. Senkt oder erhöht das die Daten- und Rechenlast (Planet)?
2. Wird es für mehr Menschen nutzbar oder für weniger (People)?
3. Macht es die Website langfristig wartbarer und wirtschaftlicher (Profit)?

Wenn zwei von drei Antworten „schlechter“ sind, suchen wir eine Alternative. Diese kleine Routine verhindert, dass Nachhaltigkeit zu einem diffusen Gefühl wird – und macht sie zu einer Gestaltungsdisziplin.

Ein Seitenaufruf fühlt sich wie ein Augenblick an. Technisch ist es eine kleine Reise.

Zuerst arbeitet ein Server: Er liefert HTML, CSS, Bilder – manchmal muss er dafür Datenbanken abfragen, Templates zusammenbauen oder Skripte ausführen. Dann wandern diese Daten durchs Netz, über Knotenpunkte, Mobilfunkmasten, Router. Und am Ende rechnet das Endgerät: Es entpackt, rendert, führt JavaScript aus.

Was dabei schnell unterschätzt wird, sind Third-Parties. In vielen Audits sehen wir, dass ein großer Teil der Requests nicht aus „deiner Website“ stammt, sondern aus Tracking, A/B-Testing, eingebetteten Karten, Video-Playern, Social Widgets. Das sind alles einzelne kleine Entscheidungen, die sich summieren.

Ein praktisches Bild, das wir gern nutzen: Stell dir deine Website wie ein kleines digitales Ökosystem vor. Jedes zusätzliche Skript ist wie ein Tier, das Futter braucht – CPU-Zeit, Netzwerk, Speicher. Manche sind nützlich. Viele sind nur da, weil sie „schon immer“ da waren.

Ein harter Realitätscheck kommt über Nutzungsverhalten: Wenn eine mobile Seite länger als drei Sekunden lädt, brechen viele Nutzer ab. ScientiaMobile Ökologisch heißt das: Wir haben Energie verbraucht, ohne Wirkung zu erzeugen. Ökonomisch heißt es: Du bezahlst Kampagnen, aber verlierst Menschen auf halbem Weg. Sozial heißt es: Menschen mit schwächeren Geräten oder Verbindungen werden zuerst ausgeschlossen.

Unsere dritte „Geheimzutat“ ist deshalb eine sehr konkrete Methode aus unseren Projekten: Request-Diät statt Feature-Diät.

Wir nehmen nichts weg, weil es „öko“ klingt. Wir reduzieren zuerst Anfragen und Payload: weniger externe Calls, weniger schwere Assets, weniger unnötiges JavaScript. Oft bleibt das Erlebnis gleich – nur leiser, schneller, stabiler.

Wenn du nur einen Gedanken mitnimmst: Nachhaltigkeit entsteht selten durch ein großes Statement, sondern durch viele kleine Reduktionen entlang der Besuchskette.

Wenn du sofort starten willst, brauchst du keine Grundsatzdebatte. Du brauchst ein paar Eingriffe, die schnell spürbar sind.

Wir gehen dabei fast immer in dieser Reihenfolge vor, weil sie den größten Effekt bei wenig Risiko bringt: Medien, Fonts, Skripte, Caching.

Bilder sind oft der größte Brocken. Moderne Formate wie WebP oder AVIF sind ein stiller Gamechanger, ohne dass Nutzer „Qualitätsverlust“ sehen. In vielen Projekten sparen wir damit hunderte Kilobyte pro Seite – und plötzlich fühlt sich alles leichter an. Wenn du selbst Hand anlegen willst: Squoosh ist ein guter Einstieg, weil du Qualität und Dateigröße direkt vergleichen kannst.

Dann kommen Fonts. Mehrere Schriftschnitte, extern geladen, blockierend – das klingt harmlos, kostet aber Requests und Render-Zeit. Oft reicht es, weniger Schnitte zu nutzen oder Fonts sauber zu preladen.

Der dritte Bereich ist Tracking. Wir erleben häufig, dass über die Jahre „noch ein Tool“ dazu kam, und niemand hat es je wieder hinterfragt. Hier gilt unser Prinzip „Vermeidung vor Kompensation“ auch digital: Erst reduzieren, dann – wenn nötig – ausgleichen.

Und schließlich Caching: Eine Website, die bei jedem Aufruf alles neu lädt, ist wie ein Laden, der jeden Morgen alle Regale umräumt. Sauberes Caching spart nicht nur Energie, sondern auch Nerven.

Eine kleine Schritt-für-Schritt-Miniroutine, die du heute machen kannst:

1. Miss eine Seite in PageSpeed Insights und notiere LCP und übertragenes Gewicht.
2. Prüfe die gleiche Seite in Website Carbon für eine CO₂-Schätzung.
3. Optimiere zuerst das größte Bild (Hero) und entferne ein unnötiges Third-Party-Skript.
4. Miss erneut und dokumentiere den Unterschied.

Nachhaltigkeit fühlt sich hier nicht wie Moral an, sondern wie ein sauberer, professioneller Auftritt: schneller, klarer, ruhiger.

Die meisten Emissionen, die wir im Web sehen, entstehen nicht durch ein einzelnes großes Bild. Sie entstehen durch Wiederholung: ein Relaunch, dann noch einer, dann ein hektisches Plugin-Update, dann eine Migration, weil das System nicht mehr passt.

Darum ist Langlebigkeit einer der stärksten Nachhaltigkeitshebel.

Wir denken Websites gern wie gute Produkte: Sie müssen wachsen können, ohne jedes Mal neu erfunden zu werden. Das beginnt bei Struktur und endet bei Dokumentation.

Unsere Methode: „Stabiler Kern, bewegliche Hülle“

Wir trennen in Projekten so früh wie möglich den stabilen Teil (Inhalte, Daten, Informationsarchitektur) von dem beweglichen Teil (Darstellung, Interaktion). Das hat zwei Effekte:

Erstens: Ein Redesign wird später kein Abriss, sondern ein Austausch der Fassade. Inhalte bleiben, URLs bleiben, SEO leidet weniger.

Zweitens: Teams können Inhalte pflegen, ohne Angst vor Seiteneffekten zu haben.

Technisch führt das oft zu einer Architektur, in der Content in einem CMS sauber strukturiert ist, während das Frontend schlank bleibt. Organisatorisch bedeutet es: Wir legen Komponenten fest, definieren ein kleines Design-System und dokumentieren Entscheidungen. Nicht, weil Dokumentation sexy ist – sondern weil sie verhindert, dass in zwei Jahren jemand sagt: „Wir wissen nicht mehr, warum das so gebaut wurde.“

Nachhaltigkeit heißt auch: weniger Abhängigkeiten

Jede Abhängigkeit kann sinnvoll sein. Aber zu viele machen dich bewegungsunfähig. Wir versuchen, Komplexität dort zu reduzieren, wo sie keine Nutzerwirkung hat. Das ist unser „Anti-Fast-Fashion“-Gedanke im Web: Lieber wenige, robuste Teile, die du reparieren und erweitern kannst, statt glänzende Wegwerf-Setups.

Wenn du die 5-Jahres-Frage stellst („Hält das noch, wenn wir wachsen?“), bist du schon im nachhaltigen Denken. Und du wirst merken: Viele Entscheidungen, die dich langfristig schützen, fühlen sich kurzfristig wie „mehr Arbeit“ an – bis sie dir den nächsten kompletten Relaunch ersparen.

Wenn wir über Nachhaltigkeit sprechen, landen wir schnell bei CO₂. Das ist wichtig. Aber eine Website kann ökologisch „grün“ sein und trotzdem Menschen ausschließen.

Barrierefreiheit ist für uns deshalb kein eigener Themenblock neben Nachhaltigkeit, sondern ein Teil davon. Denn eine Website, die robust und zugänglich ist, hat meist drei Eigenschaften, die auch ökologisch wirken: Sie ist klar strukturiert, sie ist weniger überladen, und sie funktioniert auf mehr Geräten.

Wir erleben das sehr konkret: Wenn Inhalte sauber mit Überschriften, Listen, semantischem HTML und sinnvollen Fokus-Zuständen aufgebaut sind, wird nicht nur Screenreader-Nutzung besser. Die Seite wird oft auch technisch aufgeräumter. Weniger Chaos im DOM, weniger „Workarounds“, weniger fragile Layout-Tricks.

Und es gibt eine soziale Dimension, die selten ausgesprochen wird: Schwere Websites sind nicht nur ein Performanceproblem. Sie sind eine Form von Ungleichheit. Wer ein älteres Smartphone hat oder in einer Region mit instabiler Verbindung unterwegs ist, bekommt das Web in schlechterer Qualität – oder gar nicht. Das ist ein echtes Informations- und Teilhabeproblem.

Die Diskussion rund um „Page Weight“ und die wachsende Kluft im Web wird auch in technischen Analysen sichtbar. HTTP Archive Web Almanac (2024)

Wenn du Nachhaltigkeit ernst nimmst, ist Barrierefreiheit ein schöner, praktischer Ort zum Starten: Sie zwingt dich, klar zu werden. Was ist Inhalt? Was ist Deko? Was ist wirklich nötig?

Und ganz nebenbei: Barrierefreiheit senkt rechtliche Risiken und verbessert SEO-Verständlichkeit, weil Inhalte sauber strukturiert sind. Das ist eine dieser seltenen Stellen, an denen „richtig“ sich in mehrere Richtungen auszahlt.

Nachhaltige Websites werden manchmal als „nice to have“ behandelt. Unsere Erfahrung ist: Für viele Organisationen ist es eher ein Weg zurück zu einem gesunden digitalen Fundament.

Der Business-Case entsteht dabei nicht aus einem moralischen Bonus, sondern aus Effekten, die du ohnehin spürst.

Erstens: Performance reduziert Abbruch. Wenn Nutzer bei mehr als drei Sekunden Ladezeit abspringen, verlierst du Wirkung – egal ob es um Leads, Spenden oder Verkäufe geht. ScientiaMobile

Zweitens: Schlankheit reduziert laufende Kosten. Weniger Daten heißt weniger Traffic, oft weniger Hostingdruck, weniger „Feuerwehr-Einsätze“ im Betrieb. Bei großen Seiten ist das direkt in Euro spürbar. Bei kleineren Seiten spürst du es als Ruhe im Alltag: weniger Bugs, weniger Update-Panik.

Drittens: Langlebigkeit reduziert Relaunch-Zyklen. Das ist der Teil, der selten in Blogposts steht, aber in Budgets riesig ist. Wenn du eine Website so aufbaust, dass sie modular erweiterbar ist, wird Weiterentwicklung planbarer. Und Planbarkeit ist eine Form von Nachhaltigkeit – auch finanziell.

Viertens: Glaubwürdigkeit. Für Purpose-getriebene Marken entsteht ein stiller Widerspruch, wenn die eigene Website unnötig schwer, laut und unzugänglich ist. Eine nachhaltige Website ist dann kein Marketing-Claim, sondern Konsistenz.

Wir rechnen ROI selten mit einer „magischen“ Prozentzahl, weil das stark vom Kontext abhängt. Aber wir machen etwas anderes: Wir übersetzen technische Verbesserungen in Wirkungslogik.

Wenn eine Landingpage schneller wird, sinkt die Absprungrate. Wenn Nutzer schneller verstehen, steigen Anfragen. Wenn weniger Tracking geladen wird, steigt oft Vertrauen. Und wenn das System stabil ist, bleibt mehr Budget für Inhalte statt Reparaturen.

Nachhaltigkeit ist hier nicht die Kirsche oben drauf. Es ist häufig der Weg, wie eine Website wieder das tut, was sie soll: Menschen erreichen – ohne unnötigen Ballast.