Green Coding: So werden Websites nachhaltig

2. Nachhaltiges Coding: So einfach wie möglich 

Wer nachhaltig programmiert, lässt die Recheneinheit nur das Notwendige tun. „Das Ziel von Clean Coding ist, Software so effizient und effektiv zu produzieren, dass der Code leicht zu lesen, zu ändern und zu erweitern ist“, erklärt Vieweg. Nachhaltig ist das deshalb, weil weniger Zeit für die Wartung benötigt wird und der Code logisch aufgebaut ist, ohne Dutzende Schleifen zu drehen. Zudem braucht kompakter Code weniger Speicher und Ausführungszeit.  

Auch Code zu recyclen, spart Energie: So müssen Informationen, die an verschiedenen Stellen im Programmablauf verwendet werden, nicht durch mehrfache Datenbankzugriffe beschafft werden. „Ein wichtiger Aspekt ist auch die Dokumentation“, sagt Vieweg. „Bei IW Medien halten wir die wesentlichen Schritte der Programmierung in der Dokumentation fest und können Code so bei Bedarf schnell anpassen.“ Alles in allem lassen sich durch nachhaltiges Coding die Website-Emissionen um bis zu 30 Prozent reduzieren. 

3. Caching: CO2-Sparen durch Zwischenspeicher 

Ruft man eine URL auf, liefert der Webserver normalerweise eine statische HTML-Seite aus. Wird allerdings ein Content-Management-System verwendet, geschehen zusätzliche Aktionen. „Dann greift die Software zum Beispiel auf Datenbanken zu, was die Serverlast und damit den Energieverbrauch erhöht“, sagt Vieweg. Sofern technisch möglich, kann hier Caching helfen: Dabei werden dynamisch generierte Inhalte im sogenannten Cache zwischengespeichert. Die können dann schnell und ohne zusätzlichen Energieaufwand ausgeliefert werden – was Ladezeiten und Energieverbrauch erheblich vermindert. 

4. Energieoptionen: Alles so schön hell hier 

Es lohnt sich auch, nach Energieoptionen im Betriebssystem zu schauen. Oft können dort die Standardwerte für Helligkeit und Kontrast niedriger eingestellt werden, um Energie zu sparen. „Zusätzlich sollte man Usern bei einer Website auch den Darkmode anbieten“, sagt Vieweg. Allein dadurch lassen sich einige Prozente sparen, sofern man ein OLED-Display nutzt, bei dem schwarze Pixel keine Hintergrundbeleuchtung benötigen.  

5. Content-Strategie und UX-Design: Kein unnötiger Schnickschnack

Mit die größten Stellschrauben für eine nachhaltige Website sind Content-Strategie und Design. „Durch eine smarte User-Führung lässt sich viel unnötiges Herum-Browsen verhindern“, sagt Lea Fabry, UX-Designerin bei IW Medien. Schlanke Websites verbrauchen zudem weniger Energie.  

Aber es geht nicht nur um Userführung. Auch die verwendeten Assets und Schriftarten haben einen direkten Einfluss auf die CO2-Bilanz. Am sparsamsten sind die sogenannten Systemschriften (zum Beispiel Arial oder Times New Roman): Sie liegen auf jedem Rechner und verbrauchen deshalb am wenigsten Energie. Webfonts dagegen werden auf externen Servern gehostet und müssen von dort extra geladen werden (was Energie verbraucht). Hinzu kommt die Dateigröße: Videos und großformatige, hochaufgelöste Bilder brauchen mehr Speicher und Ladezeit als Vektorgrafiken. Auch das Tracking von Drittanbietern und der Einsatz von Social- Media-Buttons sind Energiefresser.  

„Die Herausforderung liegt darin, eine gute Usability zu gewährleisten, die für die Nutzer*innen optimal funktioniert und gleichzeitig ausreichend Informationen vermittelt“, sagt Fabry. Nachhaltigkeit kommt hier als drittes Kriterium noch zu User needs und Business needs hinzu, muss aber nicht im Widerspruch zu den anderen stehen. „Entscheidend ist immer der Einzelfall“, sagt Fabry: So können CO2-sparende Text-Wüsten zwar nachhaltig sein, sprechen aber vielleicht die angepeilte Zielgruppe nicht an. Andererseits könnte ein Feuerwerk an Design-Ideen User auch verwirren – was wiederum für ein schlankes Design spricht. 

Die Zahlen sprechen eine deutliche Sprache: 830 Millionen Tonnen CO2 verursacht das Internet im Jahr. 300 Millionen Tonnen CO2 davon sind 2018 allein durch das Streaming von Onlinevideos entstanden (so Daten des Think-Tanks The Shift Project für 2018).  

Für uns als Agentur mit dem Schwerpunktthema Nachhaltigkeit ist klar: Als Konzepter*innen, Designer*innen, Texter*innen und Programmierer*innen von Websites tragen auch wir Verantwortung dafür, dass das Internet grüner wird. Deshalb verfolgen wir uns in unserem agilen OKR-Prozess seit einiger Zeit das Ziel, die Agentur in ihren Nachhaltigkeitsaktivitäten voranzubringen.  

Jedes Team schaut dabei auf sich selbst – und hebt Potenziale.  

Interesse an einer Beratung zu Thema „Nachhaltige Website“? Sprechen Sie uns an!