TLDR Web Dev · ARTICLES & TUTORIALS
LOW EFFORT IMAGE OPTIMIZATION TIPS
Summary from the TLDR Web Dev newsletter
This is a tutorial on how to identify unoptimized images and how to optimize them to improve your web application’s performance. Developers should use modern formats like AVIF and WebP where possible and size their images properly to match their rendered dimensions. The `picture` element can be used with multiple image formats and resolutions for the browser to automatically select the best fit. Images below the fold should be lazy loaded.