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 Design-Statement, […]
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 Auflösung […]
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 wir […]
Vielen Dank dafür.
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 Nutzers […]
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 beschrieben, […]
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 Formate […]
Vielen Dank dafür.
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 Entfernen […]
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 eine, […]
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 Element […]
Vielen Dank dafür.
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, dass […]
Copyright © 2024 | MH Magazine WordPress Theme von MH Themes - Datenschutzerklärung. und das Impressum. - Hier noch: Mehr wichtige Informationen
