Problemstellung
Das Internet und die gesamte Flugindustrie haben global dieselbe CO₂ Emssionen. Beide betragen 4% der gesamten Emssionen.
Animation
Die Kraft der bewegten Bilder in Videos macht sie zu attraktiven
Inhalten, um Markengeschichten auf anschauliche
und direkte Weise zu erzählen. Animationen können jedoch
eine energieeffizientere Alternative zu Videos sein. Es ist
wichtig zu beachten, dass schwere GIF-Animationen nicht
für Websites empfohlen werden. Stattdessen können effizientere
Formate wie Webp zur Unterstützung von Animationen
verwendet werden.
Lottie
SVG können mittles Lottie animiert werden. So liegt die
Animation bei der Gestaltung und nicht beim Entwickler.
Lottie kann mittels Plugin von Aftereffects exportiert werden.
Wird Lottie mit P5.js verbunden, können auch komplexere
Animationen realisiert werden.
CSS
Suche nach Wegen, Frontend-Interaktionen, Funktionen
und Animationen mit effizienteren Technologien wie CSS
zu erreichen, oder nutze zumindest JS effizient. Besonders
erwähnt werden sollten hier Tracking- und Werbeskripte,
die selten einen Mehrwert für den Nutzer bieten, aber
erheblich zur Dateigrösse beitragen, eine hohe CPU-Auslastung
verursachen, Websites verlangsamen und die Privatsphäre
der Nutzer verletzen können.
WOFF Animationen
Variable Type ist eine effiziente Methode eine Vielzahl an
Schriftschnitten zu nutzen. Das WOFF Format könnte für
das Web neu gedacht werden. Was wenn wir einfache Animationen,
welche sonst als GIF oder sogar in Javascript
angefertigt werden müssen, einfach in einer Variable Schrift
implementieren? Beispielsweise das Plus, welches rotiert
und zu einem x wird.