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:

The tl;dr
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


Add a comment

(required)

(required)

(optional)