O'Reilly logo

Web Performance in Action: Building Fast Web Pages by Jeremy L. Wagner

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required