WWRuhr #48 - 'Endlich anwendbare Bildoptimierung' und 'Native Container-Queries'


Details
Unser Programm vom 25. Mai:
Endlich anwendbare Bildoptimierung mit Tobias Baldauf
AVIF, JXL, DSSIM, DPR, CLS, LQIP, srcset, Loading=lazy, fetchpriority ... es fühlt sich nicht leicht an, ein simples Foto auf einer Website performant einzubinden. In diesem Vortrag werden wir uns gemeinsam aktiv angucken, wie ein realistisch einsatzbarer Workflow für High Performance Images aussehen kann. Von Image-ID, Cache-Key und MetaData für CLS über File Formats, Automated Lossy Compression bis hin zu srcset, Loading Strategies und UX werden wir uns alle wichtigen Komponenten in ihrem komplexen Zusammenspiel anschauen - immer mit Fokus auf schnelle & realistische Anwendbarkeit.
Tobias Baldauf leitet das Web Performance Integration Team bei Speed Kit. In den letzten 10 Jahren hat er u.a. Saliency-basierte auto-tuned Lossy Compression, optimiertes Progressive JPEG Encoding und vektor-basierte Image Placeholders erfunden - Lösungen die sich heute in Websites wie Alibaba sowie Image CDNs wie Cloudinary wiederfinden.
Native Container-Queries sind jetzt in den modernen Browsern angekommen und geben Webentwicklern so viel mehr Möglichkeiten als bisher. Nun sind endlich Styleanpassungen basierend auf den Umgebungselementen und nicht nur basierend auf dem Viewport möglich. Das macht die Komponentenentwicklung um ein vielfaches einfacher, stabiler und wartbarer. Ein Rundumblick über die Möglichkeiten von Sven Wolfermann.
Sven Wolfermann ist freier Web-Developer aus Berlin mit Fokus auf moderne Frontend-Entwicklung. Er gilt als Experte im Bereich des Responsive Webdesigns und gibt sein Wissen in Vorträgen und Workshops weiter. Sein Augenmerk liegt dabei auch immer auf der User Experience, Accessibility und der Performanceoptimierung. Bereits seit 2003 unterstützt er mit seiner Firma maddesigns Agenturen und Firmen im Projektgeschäft. Bei Twitter ist er unter @maddesigns zu finden.
reinblau wieder als Sponsor dabei
Als Sponsor sind erneut die Kollegen von https://reinblau.coop/ dabei. Die Genossenschaft aus Bochum/Berlin sucht übrigens noch Genossen. Vielen Dank, dass Ihr wieder dabei seid und den WWRuhr unterstützt!
Wir sind im bekannten Kaminzimmer. Raum 154

WWRuhr #48 - 'Endlich anwendbare Bildoptimierung' und 'Native Container-Queries'