Nachhaltigkeit im Web: Warum weniger oft besser ist

Wenn über Nachhaltigkeit im Web gesprochen wird, denken viele zuerst an grünes Hosting. Das ist ein wichtiger Teil, aber nur ein Teil. Für mich beginnt Nachhaltigkeit viel früher: bei der Frage, was wirklich auf eine Seite muss, wie viel Daten übertragen werden, welche Technik nötig ist und ob Menschen Inhalte schnell, einfach und ohne Hürden nutzen können.

Genau deshalb gehört Barrierefreiheit für mich ganz selbstverständlich zu einem nachhaltigeren Web. Eine barrierefreie Website reduziert Umwege, Missverständnisse und unnötige Interaktionen. Menschen finden schneller, was sie brauchen. Seiten laden oft schlanker, klarer und robuster. Und das spart nicht nur Nerven, sondern häufig auch Daten, Energie und technische Komplexität.

"Web sustainability extends beyond environmental issues, because principles such as accessibility, internationalization, privacy, and security can impact the sustainability of a project."

Web Sustainability Guidelines (WSG), W3C

Was meinen die Web Sustainability Guidelines?

Die Web Sustainability Guidelines der W3C Sustainable Web Interest Group beschreiben Nachhaltigkeit nicht nur als Umweltfrage, sondern als Zusammenspiel von Planet, People und Prosperity. Es geht also nicht nur darum, Emissionen zu senken, sondern auch darum, digitale Produkte fair, zugänglich, verständlich und langfristig sinnvoll zu gestalten.

Besonders relevant finde ich daran: Die WSG verbinden Themen, die in der Praxis oft getrennt betrachtet werden. Performance, Barrierefreiheit, Wartbarkeit, Hosting, Medien, Navigation, Formulare und technische Entscheidungen hängen zusammen. Eine Website ist nachhaltiger, wenn sie für Menschen gut funktioniert und dabei möglichst wenig unnötige Last erzeugt.

Warum ist Barrierefreiheit Teil eines nachhaltigeren Webs?

Barrierefreiheit wird manchmal nur als soziale oder rechtliche Anforderung gesehen. Das greift zu kurz. Eine barrierefreie Website ist häufig auch nachhaltiger, weil sie einfacher, klarer und effizienter ist.

• Klare Navigation reduziert Suchwege und Frust.
• Saubere HTML-Struktur verbessert Robustheit und Wartbarkeit.
• Textalternativen helfen, wenn Bilder nicht laden oder bewusst weggelassen werden.
• Weniger visuelle Spielereien bedeuten oft weniger Daten, weniger JavaScript und weniger Rechenaufwand.
• Eine verständliche Sprache reduziert Rückfragen und Fehlbedienungen.

Anders gesagt: Wenn Menschen ihr Ziel schneller erreichen, ist das fast immer besser für Usability, Accessibility und Nachhaltigkeit zugleich.

Wie groß ist eine Website eigentlich?

Viele Websites sind heute erstaunlich schwer. Laut HTTP Archive liegt das Median-Gewicht von Webseiten derzeit bei rund 2,6 MB auf Mobile und knapp 3,0 MB auf Desktop. Ein großer Teil davon entfällt auf Bilder, Skripte und Fonts.

Das ist für mich ein guter Reality-Check. Denn wer eine kleine, schnelle Website bauen will, sollte nicht fragen: „Wie viel kann ich noch hinzufügen?“, sondern eher: „Was kann weg, ohne dass die Website an Wert verliert?“

Ich gehe auf meiner eigenen Website ganz bewusst diesen Weg. Ich verzichte weitgehend auf Bilder und halte die Seite lieber klein, klar und textbasiert. Nicht weil Bilder grundsätzlich schlecht wären, sondern weil ich sie nur dann einsetzen möchte, wenn sie wirklich etwas erklären oder inhaltlich einen Mehrwert schaffen. Mir ist wichtiger, dass Inhalte schnell da sind, verständlich bleiben und nicht unnötig Daten mitschleppen.

Warum Bilder so oft das größte Problem sind

Bilder sind auf vielen Websites der größte Datenblock. Das macht sie automatisch zu einem der wichtigsten Hebel für ein nachhaltigeres Web. Die WSG sagen an mehreren Stellen sehr klar: Medien sollen nur dann eingesetzt werden, wenn sie wirklich nötig sind, und dann passend optimiert.

Wenn Bilder sinnvoll sind, dann helfen diese Grundregeln:

• Nur Bilder verwenden, die wirklich Inhalt transportieren.
• Auf die tatsächlich benötigte Größe exportieren, nicht größer.
• Moderne Formate wie WebP oder AVIF prüfen.
• SVG für einfache Grafiken und Illustrationen einsetzen.
• Kompression vor dem Upload durchführen.
• Alt-Texte ergänzen, wenn das Bild inhaltlich relevant ist.

Wie kann man Bilder komprimieren?

Für die Praxis reichen oft schon wenige, gute Werkzeuge. Wichtig ist nicht, blind maximale Kompression zu erzwingen, sondern die richtige Balance zwischen Dateigröße, Lesbarkeit und Nutzen zu finden.

• Squoosh zum manuellen Komprimieren und Vergleichen von Formaten
• TinyPNG für einfache Bildkompression im Alltag
• ImageOptim Online als weitere Option für kleinere Dateien

Gerade bei Content-Websites lohnt es sich, vor dem Upload zu prüfen: Muss dieses Bild wirklich 1600 Pixel breit sein, wenn es später nur 640 Pixel dargestellt wird? Sehr oft lautet die ehrliche Antwort: nein.

Nützliche Links für nachhaltigeres Web

• Web Sustainability Guidelines (WSG)
• WSG Quick Reference
• Green Web Check zum Prüfen, ob ein Hosting-Anbieter als grün verifiziert ist
• Green Hosting Directory der Green Web Foundation
• HTTP Archive: Page Weight
• Squoosh zur Bildoptimierung

Checkliste für Webentwickler:innen

• Vor jedem neuen Feature fragen: Braucht es das wirklich?
• Ein Seitengewicht-Budget definieren, zum Beispiel für Startseite und Unterseiten.
• Bilder nur einsetzen, wenn sie inhaltlich etwas beitragen.
• Bilder vor dem Upload komprimieren und passend zuschneiden.
• SVG statt schwerer Grafiken verwenden, wenn es inhaltlich passt.
• Barrierefreie HTML-Struktur mit Überschriften, Listen und Landmarken verwenden.
• Formulare kurz halten und verständlich beschriften.
• Drittanbieter-Skripte kritisch prüfen und auf das Nötigste reduzieren.
• Fonts, JavaScript und CSS so klein wie möglich halten.
• Statische Auslieferung bevorzugen, wenn keine dynamische Logik nötig ist.
• Hosting auf Nachhaltigkeit, Strommix und Transparenz prüfen.
• Regelmäßig messen: Größe, Requests, Ladezeit und unnötige Abhängigkeiten.

Fazit

Ein nachhaltigeres Web entsteht nicht durch ein einzelnes grünes Label. Es entsteht durch viele bewusste Entscheidungen: weniger unnötige Medien, weniger Ballast, klarere Inhalte, bessere Barrierefreiheit, effizientere Technik und ein Hosting, das Verantwortung übernimmt.

Für mich gehört genau das zusammen. Wenn ich auf unnötige Bilder verzichte und meine Website klein halten möchte, dann ist das keine rein ästhetische Entscheidung. Es ist auch eine Entscheidung für Zugänglichkeit, Wartbarkeit und ein Web, das etwas sparsamer mit Ressourcen umgeht.