Alex Rivera | Logout

Reduce the HTTP Requests of 1000 images?

Asked 2010-12-28T04:54:43.780
9

I know this question might sound a little bit crazy, but I tough that maybe someone could come up with a smart idea:

Imagine you have 1000 thumbnail images on a single HTML page.

The image size is about 5-10 kb.

Is there a way to load all images in a single request? Somehow zip all images into a single file…

Or do you have any other suggestions in the subject?

Other options I already know of:

CSS sprites

Lazy load

Set Expire headers

Downloads images across different hostnames

image http request reduce
Edit
Report

1 Answer

2

This is done by using what's called a CSS sprite; a single image with all the other images inside it, with the particular part that's wanted in the html selected by css.

See one tutorial at http://css-tricks.com/css-sprites

answered 2010-12-28T05:13:40.523

Your Answer