Essentials of Image Optimization, a Free Guide
I’ve been thinking more and more about web performance, both for making WPShout as fast as possible and for a few other ideas we’ve got stewing. So I was really interested to come across this image optimization guide from Addy Osmani. Aside from the basic fact that Addy’s been one of the leading educators in page-speed for the last feverish years, it’s also worth checking out the guide because it’s darn good and completely free.
I think it befits the times we live in that such a large and rich resource chooses to begin with a TL;DR (too long, didn’t read) section summarize it. It meshes with the history of Abstracts in research papers, but it also feels a little silly. None the less, it’s valuable to take this one to heart:
We should all be automating our image compression.
In 2017, image optimization should be automated. It’s easy to forget, best practices change, and content that doesn’t go through a build pipeline can easily slip. To automate: Use imagemin or libvips for your build process. Many alternatives exist.
Image credit: Negative Space