Image sprites

 One of the ways to improve performance of the page is to use image sprites. Instead of having browser connect 10 times to get each individual image, you combine them all into one image and then use css to access individual images by getting their positions:

 Something like this:

 .sampleClass
{
  width: 22px;
  height: 25px;
 background-image: url(someimage.png);
 background-position: 6px 13 px;
bakcgrund-repeat: no-repeat;
}

Good site that allows you to do this visually and uses Html5/JQuery/CSS3 to boot to achieve this is:

http://www.spritebox.net/

You can play with sample pictures or with your own.