Nachhaltige Websites: Was ein Sparmodus wirklich leisten kann

Eine gute Website beantwortet Fragen, zeigt Arbeit und macht den nächsten Schritt einfach. Dafür darf sie ausdrucksstark sein. Ein Produktfilm kann einen komplizierten Ablauf verständlich machen; eine begehbare Referenzwelt kann zeigen, was auf einem einzelnen Foto verborgen bleibt. Entscheidend ist, ob diese Inhalte einen Zweck erfüllen und wann sie tatsächlich gebraucht werden.

Genau dort setzt unser Angebot für nachhaltige Websites an. Wir prüfen, welche Daten eine Seite lädt, welche Berechnungen ständig laufen und wie Besucher ihre Aufgaben erledigen. Bei aufwendigen Auftritten ergänzen wir auf Wunsch einen sichtbaren Sparmodus. Damit lässt sich eine ruhigere Nutzung wählen, ohne Leistungen, Referenzen oder Kontaktmöglichkeiten zu verlieren.

Schwarz statt bunt: Spart das wirklich Strom?

Bei einem OLED-Bildschirm leuchten die Bildpunkte selbst. Schwarze Flächen können dort den Strombedarf des Displays senken. Bei vielen LCD-Bildschirmen bleibt dagegen eine Hintergrundbeleuchtung aktiv; eine dunkle Website bringt nicht automatisch denselben Vorteil. Helligkeit, Bildschirmtechnik und tatsächliche Inhalte sind entscheidend. Die Purdue University erläutert den Zusammenhang zwischen Dunkelmodus, OLED und Helligkeit.

Deshalb wäre es zu kurz gedacht, eine Website lediglich schwarz einzufärben. Ein Video kann im schwarzen Hintergrund weiterlaufen, eine unsichtbare 3D-Szene weiterrechnen und ein schlecht eingebundenes Bild weiterhin in voller Größe übertragen werden. Wir trennen die Farbgestaltung von der technischen Arbeit. Hellgraue Schrift muss außerdem ausreichend Kontrast bieten: Wer Inhalte schlechter erkennt und stärker zoomen muss, hat durch den neuen Modus wenig gewonnen.

Was ein echter Sparmodus verändert

• Medien bewusst starten: Ein Vorschaubild und eine eindeutige Wiedergabetaste ersetzen automatisch startende Hintergrundfilme, wo der Film für die erste Orientierung nicht notwendig ist.
• 3D erst bei Bedarf laden: Für den Einstieg genügen eine verständliche Beschreibung und ein leichter Zugang. Wer die räumliche Darstellung erleben möchte, öffnet sie bewusst.
• Dauerbewegung reduzieren: Dekorative Partikel, Mausverfolger, Endlosschleifen und aufwendige Übergänge werden angehalten oder gar nicht erst gestartet.
• Informationen behalten: Angebote, Referenzen, Navigation und Formulare bleiben erreichbar. Der Sparmodus soll kein verstecktes, unvollständiges Ersatzangebot sein.
• Die Auswahl merken: Beim Wechsel zur nächsten Unterseite bleibt der gewählte Modus bestehen, soweit die Speicherung im Browser erlaubt ist. Er lässt sich jederzeit wieder ändern.

Ein reines Verstecken per Gestaltung reicht technisch häufig nicht aus. Inhalte können bereits geladen sein, obwohl man sie nicht sieht. Bei der Umsetzung prüfen wir deshalb auch, wann eine Komponente startet und welche Dateien der Browser anfordert. Bereits übertragene Daten lassen sich durch nachträgliches Einschalten des Sparmodus nicht zurückholen. Für einen fairen Vergleich betrachten wir zusätzlich einen frischen Seitenaufruf mit bereits gespeicherter Auswahl.

Eine schlanke Grundlage braucht keinen Schalter

Viele sinnvolle Verbesserungen gehören in jede Variante: Bilder in einer passenden Größe, komprimierte Dateien, wiederverwendbare Inhalte aus dem Browserzwischenspeicher und möglichst wenig unnötiger Programmcode. Ein Firmenporträt auf dem Smartphone benötigt nicht dieselbe Auflösung wie ein großflächiges Pressebild zum Herunterladen. Eine klare Seitenstruktur kann zudem unnötige Umwege ersparen.

Auch eingebundene Fremddienste verdienen Aufmerksamkeit. Karten, Videos, Analysewerkzeuge und Schriften können zusätzliche Verbindungen und Skripte auslösen. Wir prüfen den tatsächlichen Nutzen und passende Alternativen. Beim Hosting gehören die Auslieferung, die benötigten Ressourcen und belastbare Informationen des Anbieters in die Betrachtung. Ein Hostingversprechen macht eine unnötig schwere Website nicht automatisch effizient.

Bestehende Websites umbauen: Was ist möglich?

Ein kompletter Neubau ist dafür nicht immer nötig. Zuerst betrachten wir Startseite, wichtige Leistungen, Kontakt und typische Wege durch den Auftritt. Wir erfassen vorhandene Medien, Erweiterungen und externe Dienste. Danach unterscheiden wir einfache Verbesserungen von Eingriffen, die Änderungen am verwendeten System oder an individuellen Funktionen verlangen.

• Ein kleiner Unternehmensauftritt: Häufig bringen passende Bildgrößen, weniger unnötige Einbindungen und ein aufgeräumtes Menü bereits einen sinnvollen Fortschritt. Ein zusätzlicher Modus muss hier nicht nötig sein.
• Eine bildstarke Produkt- oder Eventseite: Ein Sparmodus kann Hintergrundfilme durch Vorschauen ersetzen und Animationen begrenzen. Produktinformationen und Anfragen bleiben im Vordergrund.
• Eine Website mit 3D-Welten: Eine zugängliche Inhaltsübersicht bildet den ruhigen Einstieg; die eigentliche Erlebnisanwendung öffnet sich auf Wunsch.
• Ein gewachsener Auftritt mit vielen Erweiterungen: Wir prüfen Abhängigkeiten und entfernen keine Funktion auf Verdacht. Formulare, Buchungen und andere geschäftliche Abläufe werden vor einer Änderung abgesichert.

Das gilt auch für vorhandene Redaktions- und Baukastensysteme: Die konkreten Möglichkeiten hängen vom System, seinen Schnittstellen und der Umsetzung ab. Der Name der Plattform allein entscheidet nicht über die Qualität. Wir sagen nach der Prüfung, was sich erhalten lässt, was angepasst werden sollte und wo eine Grenze liegt. Umfang, Kosten und mögliche laufende Betreuung vereinbaren wir passend zum Projekt.

Was wir messen – und was die Zahlen nicht aussagen

Ein brauchbarer Vorher-nachher-Vergleich verwendet dieselben Seiten, denselben Browser, dieselbe Bildschirmgröße und denselben Ablauf. Ein erster Besuch mit leerem Zwischenspeicher ist ein anderer Fall als ein wiederholter Besuch. Auch ein bewusst abgespielter Film verändert das Ergebnis. Diese Bedingungen gehören zu den Zahlen, damit sie verständlich bleiben.

• Übertragene Daten: Welche Dateien kommen beim festgelegten Aufruf tatsächlich an, und wie groß sind sie?
• Anfragen und Fremddienste: Welche Verbindungen baut die Seite auf? Was kann erst später oder nach einer bewussten Auswahl geladen werden?
• Arbeit im Browser: Welche Skripte, Animationen oder 3D-Szenen laufen weiter, während niemand etwas bedient?
• Erledigte Aufgaben: Können Besucher weiterhin ein Angebot verstehen, eine Referenz ansehen und eine Anfrage abschicken?

Unser Ressourcenstandard: Anforderungen statt grünes Versprechen

Mit dem CAZ Ressourcenstandard 1.0 beschreiben wir eigene technische Anforderungen an diesen Ansatz. Dazu gehören ein bewusster Medienstart, eine nachvollziehbare Moduswahl, erreichbare Inhalte und eine dokumentierte Prüfung. Das zugehörige CAZ-Kennzeichen verweist auf diese Kriterien. Es ist unsere eigene Kennzeichnung und kein unabhängiges Prüfsiegel.

Als fachliche Orientierung nutzen wir unter anderem die Web Sustainability Guidelines beim W3C. Sie behandeln Gestaltung, Entwicklung, Infrastruktur und organisatorische Entscheidungen. Zum Stand dieses Beitrags liegen sie als Arbeitsentwurf vor. Daraus folgt weder eine Zertifizierung durch das W3C noch eine pauschale Bestätigung, dass eine Website nachhaltig sei.

Sparsam und gut bedienbar gehören zusammen

Ein Sparmodus ersetzt keine Arbeit an der Zugänglichkeit. Tastaturbedienung, sichtbarer Fokus, verständliche Beschriftungen und lesbare Kontraste müssen erhalten bleiben. Betriebssystemwünsche für weniger Bewegung berücksichtigen wir zusätzlich; wer weniger Bewegung benötigt, sollte dafür nicht erst eine Marketingseite suchen müssen. Ebenso darf der Sparmodus nicht ungefragt eine bevorzugte helle Darstellung durch ein schwer lesbares dunkles Design ersetzen.

Du planst einen neuen Auftritt oder möchtest deine bestehende Website prüfen lassen? Bring uns ihre Adresse und die wichtigsten Aufgaben deiner Besucher mit. Daraus entwickeln wir einen passenden Umfang: von gezielten Verbesserungen bis zum Sparmodus mit alternativer Besucherführung. Website und Sparmodus besprechen.