Understanding image optimization feat. 11ty image
If you've been building websites for a while, "optimize your images" probably sounds like "eat your veggies." It's good for your website's health, it'll make your SEO big and strong... but resizing, reformatting, and compressing every image by hand doesn't sound appetizing to me 🤢
So we're going to talk easy wins for 1) image format and size optimization with the <picture> element, and 2) automating your process in any JAMstack setup using 11ty's image plugin.
This talk’s based on an in-depth blog post you can find here!
Ben is a developer - designer - blogger - person exploring how the web works. He’s a full-time web developer at Peloton, a top 500 author on DEV (as of 2019), and LogRocket Blog contributor. In his spare time, he’s usually drowning in Japanese city pop and using whatever framework’s the shiniest