Image Performance


  • I’ve been doing this—making websites—for a little more than a decade now. I like to think I’ve grown up some during that time. I don’t mind saying I took some things for granted early on.
  • I’ve been incredibly fortunate, that much I’ve always known—and I’d appreciate it if you’d knock on wood for me here, reader. I’ve received way more than my fair share of help from friends, family, and total strangers alike. I’ve had—and have—the benefit of immense privilege. I’ve always tried my damnedest not to take any of that for granted.
  • What I took for granted were the mechanics of this work—at least at the start. If I made an element show up in the right place, on the right page, in the right browsers—no small feat, oftentimes—then my work was done. I’d never dig deeper than that surface level. I didn’t know what I didn’t know: that making a div show up in roughly the same place as a square in a .psdwas just the tip of the web-development iceberg.

What you will learn:

  • Understanding compression methods used by common image formats.
  • Responsive image markup patterns and their usage.
  • Handling content delivery for the best user experience.

Who should read this book:

Front-end web developers who want to learn how to make smart decisions about images on their website and improve website’s performance.