Preload images using jquery

Question

In my web page some images are taking a lot of time to load in IE.So I used this for preloading images in my page.But still the problem persists.Any suggestions?

Answer 1

Images sprites can speed things up tremendously (but make sure you compress them using something like ImageOptim). Next, host all your images on a CDN somewhere (I suggest Amazon S3/CloudFront). And lastly, preload all your images using something like below, and try and call this as early as possible. Hopefully this helps!

function loadImages(){
    var images = [
        'http://cdn.yourdomain.com/img/image1.png',
        'http://cdn.yourdomain.com/img/image2.jpg',
        'http://cdn.yourdomain.com/img/image3.jpg',
        'http://cdn.yourdomain.com/img/image4.jpg'
    ];
    $(images).each(function() {
        var image = $('').attr('src', this);
    });
}