Image Performance

A Book Apart Briefs #8

by Mat Marquis

To solve the most critical performance problems with the biggest impact, start with images. Responsive Issues Community Group (RICG) chair Mat Marquis helps us make smart decisions about images and shows us the swiftest way to improve a website’s performance: from understanding compression methods used by common image formats, to responsive image markup patterns and their usage, to handling content delivery for the best user experience. Get up to speed—and speed up your site.

Genres: Design

67 pages, ebook

Published September 18, 2018

Reviews

[Emma Katthöfer · Rating 4 out of 5]

I found this book to be highly actionable and a great resource for a beginner looking to learn about performant images. The author is extremely entertaining and this will be a book I refer to often!

[Amy · Rating 3 out of 5]

I'm not sure if I expected more. This covered what I had already learned for myself this year: `srcset` and `sizes`. He even reintroduced but then said at the end that it wasn't really necessary any more, but in some cases it may be useful.

This is ABA brief, so for anyone needing a quick intro to how to deal with images on the web and go beyond the responsive {max-width: 100%}, this is the book for you.

[Simon Eskildsen · Rating 2 out of 5]

I don't know much about images and how to use them on the web. It goes over most of that, but also spends pages and pages on techniques that "the author doesn't use but are nice to know." Ugh, put that in an appendix and give me the meat. He also goes just enough into how image compression works but then stops JUST as it gets interesting. Such a nerd tease, ugh.

[Matt McClard · Rating 4 out of 5]

Having been in web development for nearly 20 years this book is a great refresher on old knowledge and this newfangled element. Recommended to anyone who needs to look hip and with it when it comes to talking to kids these days about images on the internet.

[Harold Maduro · Rating 5 out of 5]

La guía completa de srcset y sizes para IMG

[Steve · Rating 4 out of 5]

Great synopsis. I liked the section where Mat described how compression kindof works. It now makes way more sense how images can look perceivably identical, but have drastically different data sizes.

[Sam · Rating 5 out of 5]

Lovely and concise overview of the current state of image performance. Had my UX students only read the first half and the second half will come in handy for our coding specific classes.