Best practices when loading images for improving page loading speed
- by Naoise Golden
I am working on optimizing a page's loading speed. Here are some analytics:
Notice how the images, although only accounting for 65% of the total size (1.1MB), are by far the slowest loading assets: 96% of time.
I'd like to know which are the recommended practices on optimizing loading speed, only taking images into account.
Some of the techniques we are already applying:
image compression
images hosted on cookieless domain and CDN
spriting everything that can be sprited
http headers: keep alive and Expires to one year.
Disclaimer: I have gone through the available documentation, I think by focusing on image loading optimization I am not creating a duplicate or a subjective question.