Actually Actionable Image Optimization Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 [email protected] [email protected] - - @[email protected] @[email protected] 1/16 1/16 

Tobias Baldauf Web since 1999 Perf since 2011 at Akamai, trivago & Speed Kit Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 [email protected] [email protected] - - @[email protected] @[email protected] 2/16 2/16 

* * https://r0k.us/graphics/kodak/ https://r0k.us/graphics/kodak/ 

4/16 4/16 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 [email protected] [email protected] - - @[email protected] @[email protected] 

No content

Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 * * https://developer.mozilla.org/en- https://developer.mozilla.org/en- US/docs/Web/HTTP/Headers/Cache-Control US/docs/Web/HTTP/Headers/Cache-Control 6/16 6/16 

In: ~9MB Out: ~550KB Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 * * https://github.com/ImageMagick/ImageMagick https://github.com/ImageMagick/ImageMagick 7/16 7/16 

In: ~550KB Out: ~78KB Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 * * https://github.com/mozilla/mozjpeg https://github.com/mozilla/mozjpeg 8/16 8/16 

In: ~550KB Out: ~48KB Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 * * https://jakearchibald.com/2020/avif-has-landed/ https://jakearchibald.com/2020/avif-has-landed/ 9/16 9/16 

Y U NO DSSIM? Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 * * https://github.com/cloudinary/ssimulacra2 https://github.com/cloudinary/ssimulacra2 10/16 10/16 

11/16 11/16 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 * * https://jakearchibald.com/2021/serving-sharp-images-to-high-density-screens/ https://jakearchibald.com/2021/serving-sharp-images-to-high-density-screens/ 

Demo Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 [email protected] [email protected] - - @[email protected] @[email protected] 12/16 12/16 

AND Y U NO L/SQIP? Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 * * https://evanw.github.io/thumbhash/ https://evanw.github.io/thumbhash/ 13/16 13/16 

LCP IMG 14/16 14/16 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 * * https://addyosmani.com/blog/lazy-loading/ https://addyosmani.com/blog/lazy-loading/ 

BLF IMGs 15/16 15/16 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 Endlich Anwendbare Bildoptimierung - WWRuhr 05.23 * * https://web.dev/browser-level-image-lazy-loading/ https://web.dev/browser-level-image-lazy-loading/ 

Thanks!