Bei jedem Klick werden Daten übertragen. Jedes Mal wird dabei Strom verbraucht. Bevor wir die Inhalte einer Website strukturieren, entwickeln wir gemeinsam mit unseren KundInnen Personas und User Journeys, um die Content-Struktur auf die UserInnen und deren Bedürfnisse zu optimieren.

Eine übersichtliche Gestaltung und eine klare Menüstruktur tragen erheblich zur Effizienz einer Website bei.

Bei modernen OLED-Displays (organische Leuchtdioden), wie wir sie in Smartphones, Tablets und Notebooks verwenden, reagiert jedes Pixel wie eine einzelne beleuchtete LED. Schwarz ist die effizienteste Farbe, dunklere Farbpaletten verbrauchen weniger Energie als helle. Google Maps im Nachtmodus verbraucht z.B. 60% weniger der Leistung eines Monitors als der helle Tag-Modus. Farbe hat außerdem einen großen Einfluss auf die Dateigröße von Bildern. Je geringer die Farbtiefe, desto kleiner die Bilddatei.

Für uns als WebdesignerInnen stellt sich die Aufgabe, ein Layout so zu optimieren, dass es gut aussieht und gleichzeitig effizient ist.

Große Bilder sehen gut aus auf Websites, aber sie verursachen mit ihren betrrächtlichen Dateigrößen auch lange Ladezeiten die wiederum den Energieverbrauch in die Höhe treiben. Es ist aber gar nicht so kompliziert, die Dateigrößen zu reduzieren. 72dpi reichen aus, die Bildqualität kann zudem verlustfrei auf 60-70% reduziert werden. Moderne Dateiformate wie WEBP sind effizienter als JPG und PNG. Grafiken können statt als GIF oder PNG als SVG eingebettet werden. Es gibt also reichlich Möglichkeiten, die Datenmenge zu reduzieren. Die einfachste Methode: Wir überlegen, ob ein Bild informativ ist oder nur nett aussieht und verzichtbar wäre.

Wenn Bilder unverzichtbar sind, sollten sie erst dann laden, wenn sie im sichtbaren Bereich einer Website erscheinen. Diese Methode nennt man Lazy Load und führt zu schnelleren Ladezeiten und geringerem Energieverbrauch.

Mehr noch als für Bilder gilt für Videos die Frage: Sind sie unverzichtbar oder dienen Sie nur dem Image? Denn die Datenmenge von Videos ist immens! Vielleicht lässt sich der Inhalt ja statt im Video mit CSS-Slidern darstellen. So können z.B. aus Erklärvideos gut strukturierte Animationen entstehen. Zusätzlicher Vorteil: die Geschwindigkeit und Abfolge der Elemente können die NutzerInnen selbst bestimmen, während ein Hin- und Herspringen bei Videos oft mühsam ist.

Geht es nicht ohne Video, sollte man in jedem Fall auf automatisches Abspielen verzichten und den NutzerInnen die Entscheidung überlassen, ob sie das Video anschauen möchten oder nicht.

Die effizienteste Schrift für eine Website ist eine, die sowieso im System verwendet wird. Sogenannte Systemschriften sind z.B. Helvetica, Times New Roman oder Arial. Alle anderen Schriftarten müssen wir dem Datenpaket einer Website hinzufügen und je mehr Schriften und Schriftschnitte wir verwenden, desto größer wird das Datenvolumen.

Beim Entwurf des Layouts können wir mit Systemschriften, der Auswahl weniger Webfonts und der Verwendung von variablen Schriften, die eine genaue Definition unterschiedlicher Neigung und Fettung erlauben, einiges an mehr Effizienz erreichen.

Eine Website besteht in der Regel aus mehreren Dateien. Das sind nicht nur die schon beschriebenen Bild- oder Videodateien, sondern auch JavaScript- und CSS-Dateien für Funktionen und Layout sowie eine Datenbank, in der die Inhalte gespeichert sind. Mit der Skriptsprache PHP werden diese Dateien und Datenbankinhalte in einer PHP-Datei zu einem HTML-Markup zusammengeführt.

Damit nicht bei jedem Seitenaufruf die Seite per PHP neu zusammengebaut werden muss, gibt es den Seitencache. Je wirkunsvoller wir ihn einrichten, desto geringer sind die Ladezeiten und die dafür verbrauchte Energie.

JavaScript und CSS sorgen auf einer Website für Funktionen und Layout. Die Codes sind in .js- und .css-Dateien abgelegt, die je nach Anforderung durchaus erhebliche Dateigrößen haben können. Um diese Dateigrößen zu reduzieren, gibt es die Methode der GZip-Komprimierung. Gute Content Management Systeme wie Joomla! haben diese Funktion von sich aus an Bord. Dateien können um bis zu 80% verkleinert an den Browser ausgeliefert werden. Das reduziert die Ladezeiten und damit den benötigten Energieaufwand erheblich.

Auch wenn Daten nicht abgerufen werden, belegen sie Speicherplatz auf dem Server des Rechenzentrums. Je mehr Speicherplatz benötigt wird, desto mehr Energie muss eingesetzt werden. Also lohnt es sich, hin und wieder einen Frühjahrsputz auf dem gemieteten Server zu veranstalten. Alle nicht genutzten Bilder, Plugins, Templates oder alte Posts sollten gelöscht werden. Das schafft nicht nur mehr Übersicht auf dem Server, es spart auch jede Menge Energie.

Gleiches gilt für veraltete Mails oder Backups. Für die Archivierung können Sie externe Festplatten nutzen, die nur dann Strom verbrauchen, wenn sie im Einsatz sind.

Wer mehr über Digital Declutter erfahren möchte, kann sich dieses Toolkit mit konkreten Tipps anschauen: Digital Declutter for Business