Browsers load images after an HTTP request is sent for them either by <img> tag or through a javascript call. If you have a javascript function that changes an image on mouseover, you have to wait while the image is retrieved from the server. This would be disturbing when users have a slow internet connection or when the images being retrieved are very large. Although most of the browsers store images in the local cache so that subsequent calls to them are responded immediately, there is still a delay in the first time the images are needed. 

Image preloading is a technique of caching images to speed up their display by using browser’s cache even before they are needed.

Recently, we focused on image preloading deeply with the following posts:

Want automatic updates? Subscribe to our RSS feed or
Get Email Updates sent directly to your inbox!

Currently rated 4.3 by 4 people

  • Currently 4.25/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5


October 7. 2009 13:03

Image Preloading Deeply - CSS/Javascript/jQuery

You are voted (great) - Trackback from WebDevVote.com

WebDevVote.com | Reply

October 7. 2009 13:04

You are voted!
Track back from WebDevVote.com

WebDevVote.com | Reply

October 27. 2009 14:25

Yea nice Work !Laughing

fast cash loans | Reply

November 5. 2009 05:49

I really agree with you when a javascript function is called it takes a little bit longer time to retrieve the image from the server and the user with slow internet thinks there is something wrong with the website

Multivariate Testing | Reply

November 18. 2009 17:38

Thanks for great tips and guidelines on CSS.

Web design company | Reply

December 26. 2009 19:26

Just try to smile for about 2-3 mins then you can get back to work

cash loans | Reply

March 10. 2010 17:24

Social comments and analytics for this post

This post was mentioned on Twitter by sidisinsane: RT Image Preloading Deeply - CSS/Javascript/jQuery: Browsers load images after an HTTP request is sent for the.. http://bit.ly/1O3WBk

uberVU - social comments | Reply

Add comment

(Will not be displayed!)