html - serving lots of small images as one file -


simple. when html page contains lot of small images take time have rendered, since each file needs requested separately. example, if have 500 32x32 avatar images want display, browser needs 500 requests 500 headers resulting in 500 responses headers. thus, lot of traffic.
reduce amount of traffic, think better send files single request/response , have client script splitting of file separate images, placed wherever needed. thus, browser executes script, script requests image package, server returns package , script put images in it's proper locations. thus, 1 request/response instead of 500 requests/responses.
has similar been created already? if so, whom?

it called css-sprites, have big image images in grid pattern , css rules 1 want.

check

http://spritegen.website-performance.org/

http://csssprites.com/


Comments

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

aspxgridview - Devexpress grid - header filter does not work if column is initially hidden -

c# - How to execute a particular part of code asynchronously in a class -