Chapter 6. Going further with images

This chapter covers

  • Creating image sprites from multiple image files by using automated tools
  • Reducing the file size of images without significantly degrading their visual quality
  • Using the WebP image format from Google, and understanding how it compares to older formats
  • Deferring the loading (lazy loading) of images that aren’t in the viewport

In the preceding chapter, you learned the importance of optimal image delivery. This entailed using media queries to deliver images in CSS according to the user’s device capabilities, as well as using new features in HTML to accomplish the same goal.

In this chapter, you’ll go a step further in working with images. This entails reducing HTTP requests by combining ...

Get Web Performance in Action now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.