Nachhaltige Websites: Die Zahlen hinter deutschem Webdesign

Die wichtigsten Zahlen auf einen Blick

Wie nachhaltig sind deutsche Websites?

Unsere Audits bewerten jede Website auf einer Skala von A+ bis F – analog zu Energieeffizienzklassen. In die Bewertung fließen drei Faktoren ein: das Transfervolumen beim ersten Seitenaufruf, der Green-Hosting-Status des Servers und das Caching-Verhalten der Website. Die Methodik basiert auf dem Sustainable Web Design Model.

79,0 % der Websites erhalten eine gute Bewertung – das ist die deutliche Mehrheit. Der Durchschnittsscore liegt bei 79,5 von 100 Punkten. Aber 16,4 % schneiden schlecht ab. Bei über 1,9 Mio. geprüften Websites sind das immer noch Hunderttausende – und die Ursachen sind fast immer dieselben.

Die CO₂-Bewertung wird auf einer Skala von A+ (hervorragend) bis F (schlecht) vergeben. Die Verteilung zeigt das ganze Ausmaß:

CO₂-Rating-Verteilung über über 1,9 Mio. geprüfte Websites (Stand: April 2026)

62,4 % aller geprüften Websites erhalten die Bestnote A+ – ein starkes Ergebnis, das zeigt: Nachhaltiges Webdesign ist auf dem Vormarsch. Aber am anderen Ende der Skala stehen 12,7 % mit Rating F und 3,7 % mit Rating E. Bei diesen Websites besteht erhebliches Einsparpotenzial.

Das Problem dabei: Die meisten Website-Betreiber wissen gar nicht, wie viele Daten ihre Seite überträgt. Es fehlt schlicht die Sichtbarkeit. Und was man nicht misst? Kann man nicht verbessern.

Dabei wird das Thema für Unternehmen immer wichtiger. Die EU-Richtlinie zur Nachhaltigkeitsberichterstattung (CSRD) verpflichtet große Unternehmen bereits, ihren digitalen Fußabdruck offenzulegen. Und auch für kleinere Betriebe gilt: Wer im Internet eine nachhaltige Website betreibt, signalisiert Verantwortungsbewusstsein – gegenüber Kunden, Geschäftspartnern und Suchmaschinen gleichermaßen.

Wohin fließen die Daten?

Wenn jemand Ihre Website aufruft, lädt der Browser verschiedene Ressourcen: HTML, Stylesheets, JavaScript, Bilder, Schriften. Unsere Auswertung über über 1,9 Mio. Websites zeigt die durchschnittliche Verteilung:

Kurz gesagt: Der eigentliche Inhalt macht gerade einmal 2,8 % aus. Der Rest ist Verpackung. Stellen Sie sich vor, Sie verschicken einen Brief – aber statt einem Foto legen Sie ein komplettes Fotoalbum bei (57,6 % Bilder), dazu eine Bedienungsanleitung für den Brieföffner (20,6 % JavaScript) und drei verschiedene Schriftmuster, falls dem Empfänger die Handschrift nicht gefällt (12,7 % Schriften). Der Brief selbst? Passt auf eine Postkarte.

Nachhaltiges Webdesign: Mehr als ein Trend

Der Begriff nachhaltiges Webdesign klingt nach Nische – ist aber längst im Mainstream angekommen. Die Vorteile sind überzeugend: weniger Kosten, bessere Performance, zufriedenere Nutzer. Es geht nicht darum, auf schöne Websites zu verzichten. Es geht darum, sie intelligenter zu bauen.

Nachhaltige Websites laden schneller, verbrauchen weniger Datenvolumen und bieten eine bessere Nutzererfahrung. Das ist kein Widerspruch – im Gegenteil: Die Prinzipien nachhaltigen Webdesigns decken sich fast vollständig mit den Empfehlungen für gute Performance und Barrierefreiheit. Weniger Ballast, mehr Inhalt. Weniger Ablenkung, mehr Fokus.

Konkret bedeutet nachhaltiges Webdesign:

• Schlanker Code – kein unnötiges JavaScript, keine aufgeblähten CSS-Frameworks. Jede Zeile Code, die nicht geladen wird, reduziert den Energieverbrauch auf Server, Netzwerk und Endgerät.
• Optimierte Medien – Bilder im richtigen Format und in der richtigen Größe. Videos nur einbetten, wenn sie echten Mehrwert bieten.
• Effizientes Caching – wiederkehrende Besucher laden nur das Nötigste neu.
• Bewusste Infrastruktur – Green Hosting, Content Delivery Networks mit kurzen Wegen, sparsame Server-Konfiguration.

Viele dieser Maßnahmen kosten nichts extra – sie erfordern nur ein Bewusstsein dafür, dass jede Designentscheidung im Internet auch eine Entscheidung über Ressourcenverbrauch ist. Ein Hintergrundbild in 4K? Ein autoplay-Video im Header? Drei verschiedene Schriftarten in acht Schnitten? Alles technisch möglich – aber nicht alles nachhaltig.

Die gute Nachricht: Nachhaltigere Websites sind fast immer auch schnellere Websites. Und schnellere Websites konvertieren besser, ranken besser und werden häufiger empfohlen. Nachhaltiges Webdesign ist kein Verzicht – es ist ein Wettbewerbsvorteil.

Bilder: Das größte Einsparpotenzial

Mehr als die Hälfte des gesamten Datenvolumens einer durchschnittlichen Website entfällt auf Bilder. Das allein ist bemerkenswert. Aber die Ausreißer? Die sind es erst recht.

Bei 4,9 % aller geprüften Websites werden über 10 MB übertragen – auf einer einzigen Seite. Das ist mehr als ein durchschnittlicher Song auf Spotify. Unser Spitzenreiter: Eine Website, die beim Aufruf der Startseite fast 98 MB an Bildern überträgt. Das entspricht ungefähr einer Stunde Musik in hoher Qualität. Für ein paar Fotos. Und das bei jedem einzelnen Seitenaufruf. Selbst bei nur 100 Besuchern pro Tag überträgt diese eine Seite fast 10 GB – das entspricht dem CO₂-Ausstoß von rund drei Stunden Netflix-Streaming in HD. Jeden Tag.

Was bedeutet das für Ihre Website? Drei Maßnahmen, die sofort helfen:

1. Modernes Bildformat nutzen – WebP oder AVIF statt JPEG/PNG. Ersparnis: oft 50–80 %.
2. Lazy Loading aktivieren – Bilder erst laden, wenn sie in den sichtbaren Bereich scrollen.
3. Responsive Größen bereitstellen – Ein 4000 × 3000-Foto auf einem Smartphone? Reine Verschwendung.

Ein oft übersehener Punkt: Videos. Eingebettete Videos von YouTube oder Vimeo laden häufig mehrere Megabyte an JavaScript und Vorschaubildern – noch bevor jemand auf Play klickt. Ein einfacher Tipp: Ersetzen Sie den Embed durch ein statisches Vorschaubild mit Play-Button und laden Sie den Player erst bei Klick. Das spart auf manchen Seiten mehr Daten als die gesamte Bildoptimierung zusammen.

Mehr zum Thema Bildoptimierung finden Sie in unserem Ratgeber zu Core Web Vitals.

JavaScript: Der unsichtbare Datenverbraucher

Fast ein Viertel des gesamten Datenvolumens ist JavaScript. Aber woher kommt das?

Ein Blick in unsere Daten zeigt: Auf jeder zweiten deutschen Website läuft noch jQuery – eine JavaScript-Bibliothek aus dem Jahr 2006. Jede vierte Website lädt Bootstrap. Beide waren einmal unverzichtbar, heute erledigen moderne Browser vieles davon nativ. Trotzdem schleppen Tausende Websites diese Altlasten mit – oft ohne dass es jemand merkt.

Dazu kommt der Trend zu sogenannten Single-Page-Applikationen (SPAs) – Websites, die mit Frameworks wie Next.js, Angular oder Vue.js gebaut werden und die gesamte Darstellungslogik in den Browser verlagern. Diese Seiten übertragen typischerweise deutlich mehr JavaScript als klassische Websites. In unseren Audits erkennen wir allein über 1.100 Next.js-Installationen – Tendenz steigend.

Der größte Posten ist jedoch keines dieser Frameworks, sondern Tracking, Analytics, Werbung und Cookie-Banner. Das ist doppelt problematisch: JavaScript muss nicht nur geladen, sondern auch vom Browser ausgeführt werden – das kostet zusätzlich Rechenleistung und damit Energie. Gleichzeitig steht ein erheblicher Teil dieser Scripts im Spannungsfeld mit dem Datenschutz.

Die gute Nachricht: Wer auf datenschutzfreundliche Alternativen setzt – etwa serverseitiges Tracking oder leichtgewichtige Analytics wie Plausible oder Fathom – reduziert gleichzeitig Datenvolumen und Compliance-Risiko. Nachhaltigkeit und Datenschutz ziehen hier am selben Strang.

Wenn eine Website schwerer ist als ein Film

Bei manchen Websites fragt man sich: Hat der Browser gerade ein Paket heruntergeladen – oder eine Seite geöffnet?

Unser Audit bricht ab, wenn allein das HTML-Dokument über 15 MB groß ist. Aber schon lange vorher wird es kritisch: Google speichert zwar bis zu 15 MB einer Seite, wertet für Ranking und Indexierung aber nur die ersten 2 MB aus. Alles danach – vom dritten bis zum fünfzehnten Megabyte – wird schlicht ignoriert. Wer also wichtige Inhalte, interne Links oder strukturierte Daten im unteren Bereich einer aufgeblähten Seite platziert, verschenkt SEO-Potenzial. Mehr dazu in unserem SEO-Ratgeber. In unserer Datenbank gibt es 133 solcher Fälle, mit einem Spitzenreiter von über 150 MB – vermutlich HTML mit eingebettetem CSS und möglicherweise auch Base64-kodierten Bildern. Egal was genau drin steckt: Das ist das Gegenteil von nachhaltig.

Und dann sind da die Bilder. Bei einer einzigen Website laden über 97 MB Bilddaten bei einem Seitenaufruf. Das ist fast so viel wie eine Folge einer Netflix-Serie in Standardqualität. Auf einer Unterseite. Einer.

Das sind Extremfälle. Aber sie zeigen, wie schnell es aus dem Ruder läuft, wenn niemand hinschaut. Und selbst bei weniger dramatischen Websites addiert sich unnötiges Datenvolumen über Tausende Seitenaufrufe zu einem relevanten Verbrauch.

Nachhaltigkeit und Google-Ranking: Kein Widerspruch

Weniger Daten heißt schnellere Ladezeit. Schnellere Ladezeit heißt bessere Core Web Vitals. Und bessere Core Web Vitals sind seit 2021 ein offizieller Google-Rankingfaktor.

Das bedeutet: Jedes Kilobyte, das Sie einsparen, verbessert nicht nur Ihren CO₂-Fußabdruck, sondern auch Ihre Sichtbarkeit in Suchmaschinen. Es gibt wenige Optimierungen, die gleichzeitig der Umwelt, der Nutzererfahrung und dem Geschäftsergebnis helfen. Eine nachhaltige Website zu betreiben ist eine davon. Und das macht sie so wichtig.

Konkret beeinflusst das Datenvolumen drei der vier Core Web Vitals – also die Messwerte, mit denen Google die Nutzererfahrung einer Website bewertet:

• Largest Contentful Paint (LCP) – Wann ist das größte sichtbare Element geladen? Große Bilder verzögern den LCP direkt.
• First Contentful Paint (FCP) – Wann sieht der Nutzer zum ersten Mal Inhalt? Aufgeblähtes CSS und JavaScript blockieren den FCP.
• Cumulative Layout Shift (CLS) – Springt die Seite während des Ladens? Bilder ohne definierte Abmessungen verursachen Layout-Verschiebungen.

Konkret: Eine Website, die ihr Transfervolumen von 8 MB auf 2 MB reduziert, kann den LCP-Wert oft um 1–3 Sekunden verbessern. Für Google ist das der Unterschied zwischen „gut" und „verbesserungswürdig". Und für Ihre Besucher der Unterschied zwischen Bleiben und Abspringen.

Ausführlich erklärt: Unser Ratgeber zu Core Web Vitals.

Green Hosting: Infrastruktur zählt

Nicht nur die Größe einer Website bestimmt ihren CO₂-Fußabdruck. Auch die Infrastruktur dahinter spielt eine Rolle. Ein Server, der mit Ökostrom läuft, verursacht bei gleichem Datenvolumen deutlich weniger Emissionen.

Rund ein Drittel der von uns geprüften Websites nutzt Green Hosting – also Rechenzentren, die nachweislich mit erneuerbaren Energien betrieben werden. Die Identifikation erfolgt über die Green Web Foundation-Datenbank, die weltweit Hoster und deren Strom-Quellen verifiziert.

Ein Beispiel: Zwei identische Websites mit dem gleichen Datenvolumen können sich im CO₂-Fußabdruck um den Faktor 3 bis 5 unterscheiden – allein durch die Wahl des Hosters. Wer seinen Anbieter wechseln oder optimieren möchte, kann auf der Green Web Foundation prüfen, ob der aktuelle Hoster bereits zertifiziert ist.

Green Hosting allein macht noch keine nachhaltige Website. Aber es ist ein wichtiger Baustein für nachhaltiges Webdesign – vor allem in Kombination mit weniger Datenvolumen. Wie die CO₂-Bewertung genau berechnet wird und welche Maßnahmen den größten Hebel haben, erklärt unser Ratgeber zum digitalen CO₂-Fußabdruck.

Was Sie tun können

Die Optimierung muss nicht kompliziert sein. Hier unsere fünf besten Tipps, um das Datenvolumen Ihrer Website nachhaltig zu reduzieren – jeder einzelne hat einen messbaren Effekt auf Nachhaltigkeit und Performance:

1. Bilder optimieren – WebP oder AVIF statt JPEG/PNG, Lazy Loading, responsive Größen. Das allein reduziert das Volumen oft um 40–60 %.
2. JavaScript ausmisten – Brauchen Sie wirklich drei Analytics-Tools, fünf Tracking-Pixel und ein Chat-Widget? Jedes eingesparte Script zählt.
3. Caching aktivieren – Wiederkehrende Besucher sollten nicht alles neu laden müssen. Browser-Caching und CDN-Caching senken das Volumen dramatisch.
4. Schriften reduzieren – Nur die Schnitte laden, die wirklich gebraucht werden. Oder System-Fonts nutzen – die kommen ganz ohne Download aus.
5. Green Hosting wählen – Beim nächsten Hosterwechsel auf zertifizierte Anbieter achten. Ein einfacher Schritt mit großer Wirkung.

Checkliste: Ist Ihre Website nachhaltig?

Zehn Fragen, die Sie in fünf Minuten beantworten können. Je häufiger Sie mit Ja antworten, desto nachhaltiger ist Ihre Website bereits.

1. Bilder im modernen Format? – Nutzt Ihre Website WebP oder AVIF statt JPEG und PNG?
2. Lazy Loading aktiv? – Werden Bilder und Videos erst geladen, wenn sie sichtbar werden?
3. Responsive Bildgrößen? – Erhalten Smartphones kleinere Bilder als Desktop-Monitore?
4. JavaScript aufgeräumt? – Wissen Sie, welche Scripts geladen werden und wofür?
5. Keine ungenutzten Bibliotheken? – Läuft noch jQuery, obwohl es niemand mehr braucht?
6. Browser-Caching konfiguriert? – Werden statische Ressourcen beim zweiten Besuch aus dem Cache geladen?
7. Schriften begrenzt? – Maximal zwei Schriftfamilien, nur die genutzten Schnitte?
8. Videos effizient eingebettet? – Vorschaubild statt sofortigem Embed?
9. Green Hosting? – Läuft Ihr Server mit Ökostrom? Prüfen Sie es auf der Green Web Foundation.
10. Regelmäßige Audits? – Prüfen Sie den CO₂-Fußabdruck Ihrer Website mindestens einmal im Quartal?

Wenn Sie bei mehr als drei Punkten unsicher sind, lohnt sich ein genauerer Blick. Die meisten Optimierungen sind in wenigen Stunden umsetzbar – oft ohne externe Hilfe.

Methodik und Datengrundlage

Die Statistiken in diesem Artikel basieren auf automatisierten Audits von über 1,9 Mio. Business-Websites mit Fokus auf den deutschen Markt. Die Audits erfassen das tatsächliche Transfervolumen beim ersten Seitenaufruf – inklusive aller Ressourcen: HTML, CSS, JavaScript, Bilder, Schriften und sonstige Dateien.

Die CO₂-Bewertung basiert auf dem Sustainable Web Design Model und berücksichtigt Transfervolumen, Green-Hosting-Status und Caching-Verhalten. Die Daten werden laufend aktualisiert – aktueller Stand: April 2026.

Die Daten bilden einen repräsentativen Ausschnitt des deutschsprachigen Internets ab, nicht die Gesamtheit aller Domains. Die Stichprobe umfasst Unternehmenswebsites, Online-Shops, Blogs, Behörden und Vereine – also die Bandbreite, die das deutsche Web ausmacht.

Weiterführende Artikel

• CO₂-Fußabdruck Ihrer Website: Messen, verstehen und senken
• Core Web Vitals: Was Google von Ihrer Website erwartet
• Consent-Tools in Deutschland: Der große Vergleich
• HTTP Security Headers: Schutz für Ihre Website