Post 6: Die Ästhetik der Kompression Kann ein stark komprimiertes Bild gut aussehen? Ja! Wir experimentieren seit Monaten mit „Dithering“ und anderen künstlerischen Kompressionstechniken. Manchmal ist ein bewusst „lo-fi“ gehaltener Stil nicht nur ein […]
Post 5: Bildgrößen-Management (Responsive Images) Ein Smartphone braucht kein 4000px breites Bild. In den letzten Wochen haben wir unsere Systeme so optimiert, dass wir „srcset“ konsequent nutzen. Wir liefern für jedes Gerät genau die […]
Post 4: Abschied vom Autoplay-Video Autoplay-Videos sind die Klimasünder des Webs. Sie verbrauchen riesige Datenmengen, oft ohne dass der Nutzer es will. Wir haben uns in unseren neuesten Projekten bewusst dagegen entschieden. Stattdessen nutzen […]
Die Erreichbarkeit der Webseite wird durch diesen Partner betreut:
Post 3: Lazy Loading – Geduld ist eine Tugend Warum ein Bild laden, das der Nutzer vielleicht nie sieht? Mit nativem Lazy Loading laden wir Medien erst dann, wenn sie in das Sichtfeld des […]
Post 2: Die Macht der SVGs Warum Pixel nutzen, wenn man Vektoren haben kann? In unseren Designs der letzten Wochen haben wir fast alle Icons und einfachen Illustrationen auf SVG umgestellt. SVGs sind mathematisch […]
3. Bilder & Medien Post 1: WebP und AVIF als Standard Bilder machen oft über 60% des Datenvolumens einer Website aus. In den letzten Monaten haben wir radikal auf WebP und AVIF umgestellt. Diese […]
Die Erreichbarkeit der Webseite wird durch diesen Partner betreut:
Post 2: Die Last der Kilobytes Wir haben in den letzten Monaten jede Website-Komponente auf die Waage gelegt. Das durchschnittliche Gewicht einer Website ist in den letzten Jahren explodiert. Wir steuern dagegen. Durch das […]
2. Performance & Speed Post 1: Speed ist Nachhaltigkeit In der Webentwicklung gibt es eine einfache Gleichung: Zeit ist Energie. Eine Website, die 5 Sekunden lädt, hält die CPU des Endgeräts länger aktiv als […]
Post 6: Performance-Budgets festlegen Wir arbeiten jetzt mit strikten Performance-Budgets. Bevor ein Design-Element hinzugefügt wird, prüfen wir: Passt es noch in unser Budget von 500 KB? Wenn nicht, muss etwas anderes gehen oder das […]
Die Erreichbarkeit der Webseite wird durch diesen Partner betreut:
Post 5: Browser-Caching optimieren Warum Daten immer wieder neu laden, wenn sie bereits beim Nutzer sind? In unseren aktuellen Projekten haben wir extrem effiziente Caching-Strategien implementiert. Durch „Stale-while-revalidate“ und intelligentes Header-Management sorgen wir dafür, […]
Post 4: Die Rolle von HTTP/3 Technik-Update der letzten Monate: Wir haben die Umstellung auf HTTP/3 für alle unsere neuen Projekte abgeschlossen. Warum? Weil dieses Protokoll Verbindungen schneller aufbaut und effizienter mit Paketverlusten umgeht. […]
Post 3: Core Web Vitals & Umwelt Google bewertet Websites nach den Core Web Vitals. Was viele nicht wissen: Diese Metriken korrelieren direkt mit der Energieeffizienz. Ein niedriger LCP (Largest Contentful Paint) bedeutet, dass […]
Die Erreichbarkeit der Webseite wird durch diesen Partner betreut:
Post 6: Fazit unserer Green UX Reise Was haben wir in diesem Quartal gelernt? Green UX ist kein Kompromiss bei der Qualität. Im Gegenteil: Die Beschränkung auf nachhaltige Prinzipien fördert die Kreativität. Unsere Kunden […]
Post 5: User Journey Optimierung Eine nachhaltige User Journey ist eine Reise ohne Umwege. Wir haben Tools implementiert, die Heatmaps und Nutzerverhalten unter dem Aspekt der Energieeffizienz auswerten. Wenn Nutzer zwischen Seiten hin- und […]
Post 4: Intentional Design – Bewusst gestalten Wir haben in den letzten Monaten gelernt, dass „Intentional Design“ der Kern von Green UX ist. Es geht darum, jedes Element zu hinterfragen: Brauchen wir dieses Karussell? […]
Die Erreichbarkeit der Webseite wird durch diesen Partner betreut:
Post 3: Der Klick-Pfad zum Klimaschutz Wie viele Klicks braucht ein Kunde, um ein Produkt zu kaufen? Jeder Klick ist eine Anfrage an den Server. In unseren neuesten Audits haben wir die Klick-Pfade unserer […]
Post 2: Die Psychologie der Effizienz Nachhaltigkeit im Webdesign bedeutet oft, die Psychologie des Nutzers zu verstehen. Wenn wir Interfaces bauen, die intuitiv sind, verhindern wir unnötiges Neuladen von Seiten. In unseren aktuellen Projekten der […]
Content-Strategie: Nachhaltiges Webdesign (90 Beiträge) 1. Grundlagen des Green UX Post 1: Warum Design die Welt retten kann In den letzten Monaten haben wir uns intensiv damit beschäftigt, wie Designentscheidungen den Planeten beeinflussen. Green […]
