Quellen & Links für ein
nachhaltigeres Internet
°Cleaner Web Klimatest
Der schnelle Klimatest für Websites. Wie viel CO2 verbraucht deine Website? In welchen Bereichen besteht noch Nachholbedarf?
20 Ways to make your website more energy efficient
Guter Einstiegsartikel ins Thema nachhaltige Websites mit 20 Tipps in verschiedensten Bereichen (Bilder, Fonts, Code, SEO, Hosting, uvm.)
30+ Best Web Safe Fonts
Web safe fonts können die Ladezeit und Performance deiner Website verbessern. Hier eine Liste mit guten Beispielen
A primer on variable fonts
Eine Einführung in das Thema variable fonts. Welche Vorteile haben sie für User Experience und Barrierefreiheit?
Als Internetnutzer tragen wir unabsichtlich zur Umweltzerstörung bei
Gefordert sind vor allem die großen Unternehmen, doch auch der einzelne Nutzer kann etwas tun.
Bits und Bäume Konferenz
Konferenz in Berlin und NRW zu allen Themen an der Schnittstelle zwischen Digitalisierung und Nachhaltigkeit
Building for sustainability with Wordpress
Das kleinste Wordpress Theme der Welt (nur 6KB!)
Caesium (Offline) Image Compressor
Ein Tool zur Bildkomprimierung, das auch offline genutzt werden kann – so sparst du unnötige Serveranfragen beim Komprimieren.
Cost of Javascript frameworks
Brauchst du wirklich JavaScript Frameworks wie React, Vue oder Angular? Sie können ggf. deine Website unnötig schwer und langsam machen
Creating Low Carbon Images for the Web
Optimiere die Bilder auf deiner Website, indem du Bildeffekte und alternative Dateiformate nutzt
CSS Modern Font Stacks
Liste mit CSS-Kommandos, die einige klassische Fonts laden und automatisch geeignete Alternativen laden, falls die erste Fontwahl nicht verfügbar ist
Design Ethics and Mixed Reality
Je realer unsere digitale Welten werden (Smartphone ⇒ Mixed Reality), umso wichtiger wird es, dass wir diese Welten nach ethischen Prinzipien gestalten
Digital Beacon
Ein Tool welches den CO2-Fußabdruck einer Website checkt und die jeweiligen Anteile für Bilder, JavaScript und HTML ausrechnet
Digital Declutter for Businesses
Ein Toolkit für Businesses: Gemeinsam gegen CO2-Emissionen aus dem Internet.
Environmental Digital Responsibility
Wie nachhaltigere Entscheidungen für digitale Produkte und Prozesse treffen? Die Environmental Digital Responsibility bietet ein Framework dafür.
Ethical Design Manifesto
Eine Bewegung hin zu Design, das Menschenrechte, Menschliche Arbeit und Human Experience nicht nur respektiert, sondern als explizite Basis hat
Font Subsetter
Online-Tool zur Optimierung von Fontdateien. Sinnvoll, wenn du auf deiner Website z.B. auf das arabische oder kyrillische Alphabet verzichten kannst
FontDrop
Du möchtest dir die einzelnen Charaktere einer Font genauer anschauen? FontDrop ist dafür ein super Online-Tool
Gerry McGovern
Gerry McGovern = Autor von World Wide Waste, Vordenker in Sachen Internet und Nachhaltigkeit.
Gibt es ein nachhaltiges Internet?
Best-Practices rund um grünes Hosting und nachhaltige Internetnutzung.
Google PageSpeed Insights
Ein Tool, das die Performance einer Website testet und konkrete Optimierungsvorschläge für SEO, Performance und Barrierefreiheit gibt
Green by Default
Nachhaltig per Default: Der leichteste Weg Nutzer:innen vom Sparen zu überzeugen.
Green The Web
Link-Empfehlungen zu grünen Internetthemen.
Green Webdesign oder FrontendsForFuture I
Testet, optimiert, reduziert, thematisiert und engagiert, das ist die Webdesign-TORTE!
Green Webdesign oder FrontendsForFuture II
Zweiter Teil von testet, optimiert, reduziert, thematisiert und engagiert, das ist die Webdesign-TORTE!
GreenerWP
Guides und Empfehlungen rund um umweltfreundliche Optimierung einer WordPress-Website – mit Plugin.
Greenpeace Click Clean Report
Welche Streaming-Dienste, Suchmaschinen und Social Media Plattformen nutzen die sauberste Energie? (Stand 2017)
Handbook of sustainable design of digital services
Ein super umfangreiches Handbuch, schön aufgeteilt auf unterschiedliche Bereiche. Bester Startpunkt, wenn ihr Euch klimabewusste Design- und Coding-Standards entwickeln wollt.
How to Improve CSS Performance
Wie optimierst du CSS auf deiner Website? Ein guter Einstiegsartikel
Image Optimization (Buch)
Umfangreicher Artikel zu Bildoptimierung fürs Web – erstes Kapitel aus dem noch umfangreicheren Buch “Image Optimization”.
JavaScript Loading Priorities
Tabelle mit Übersicht zu mit welcher Priorität Skripte im Browser geladen werden und wann man jede Priorität nutzen sollte.
Klimabewusste Websites für ein nachhaltiges Netz
Einstiegs-Vortrag zu klimabewussten Websites von unseren °Cleaner Web Mitgliedern Michael & Hannah.
Klimawirkung von Videostreaming & Co.
Wie viel CO2 verbraucht Videostreaming z.B. auf Netflix? Eine Analyse des Umweltbundesamtes. Spoiler, lieber über WLAN statt mobile Daten streamen
Let’s Take a Deep Dive Into the CSS Contain Property
Die CSS contain property kann die Performance deiner Website verbessern. Du fragst dich, wie das genau geht? Lies es in diesem Artikel nach.
Mightybytes
Übersichtliche und hilfreiche Artikel rund um die Themen Nachhaltigkeit und sinnvolle Weboptimierung.
Nachhaltige Digitalisierung (BNW)
Wie nutzen wir die Digitalisierung für eine nachhaltige Wirtschaft und nicht wie bisher – dagegen?
Nachhaltiges Webdesign – was ist das eigentlich?
Einführung ins nachhaltige Webdesign – Definition, Entstehungsgründe und Vorteile.
Optimizing and converting font files for the web
Eine Installationsanleitung für glyphhanger – ein Tool zur Optimierung und Konvertierung von Fontdateien fürs Web
Planet Friendly Web Guide
Tolles Projekt mit spannenden und anwendungsorientierten Insights. Leider noch unvollständig.
Reducing Carbon in the Digital Realm
How to understand the environmental impact of the digital products you build, and take measurable steps to „green your stack“.
Review: 'World Wide Waste' by Gerry McGovern
Persönlich geschriebenes Buchreview zu „World Wide Waste“, bei dem einem die Realität schmerzlich ins Gesicht springt.
So geht Streaming klimafreundlich
Streaming ist klimaschädlich, klar. Kurze und klare Analyse wie es besser klappen kann.
So you wanna create an eco-friendly website
Die harte Realität der Optimierung für ein grüneres Internet und warum es trotzdem Sinn macht.
Sustainable Webdesign
Strategien und Tipps rund um nachhaltiges Webdesign.
The Critical Request How to Prioritise Requests to Improve Speed
Wie kannst du Bilder, Texte und Code auf deiner Website am schnellsten und sparsamsten laden? Eine Anleitung zur Ladepriorisierung
The Ethics of Web Performance
Web Performance hängt zwingend mit Ethik zusammen. Warum? Sie führt zum Gegenteil der Inklusion, – zur Exklusion.
The Green Pages
Umfangreiche Sammelstelle mit Tipps, Recherchen und Guides für alle Bereiche der digitalen Nachhaltigkeit.
The Green Web Foundation
Database: „Is your website hosted green?“ – Infos rund um grünes Webhosting.
Website Carbon Footprint Calculator
Ein Tool welches den CO2-Fußabdruck einer Website checkt.
What Does My Site Cost?
Ganz nach dem Prinzip „Put a price tag on it“ wird hier gnadenlos berechnet wie viel ein Websitebesuch eigentlich kostet.
Writing less damn code
Du hast auf deiner Website vermutlich zu viel Code. Hier ein paar Tipps, wo und wie du dir einige Zeilen Code sparen kannst