This course has been updated! We now recommend you take the JavaScript Performance course.
Check out a free preview of the full Website Performance course:
The "Images" Lesson is part of the full, Website Performance course featured in this preview video. Here's what you'd learn in this lesson:
Between November 2010 and November 2011 the average web page size has grown from 625kB to 784kB. This is largely due to the increase in JavaScript usage and image size. Using an image optimizer can help trim down image size. Image sprites combine multiple image resources into a single image and utilize CSS background positioning to one display a single sprite within that image. Use a tool like SpriteMe to create sprites of your images assets. Inline images reduce the amount of external requests however the ability for the image to be cached is now tied to the CSS file.
