Store image in cache memory

Question

I want to store image in cache memory to speed up my website. So, how to store image in cache memory in Javascript or jQuery for website's speed optimization?

The browser does this for you the first time the image is loaded. You can force it to happen sooner by loading the image sooner via code. — Kevin B, Mar 20 '13 at 17:36
Looks like this question has been asked before: http://stackoverflow.com/questions/476679/preloading-images-with-jquery — yagooar, Mar 20 '13 at 17:51

score 4 · Answer 1 · answered Mar 20 '13 at 17:48

You can force the 'loading' into cache of these images upfront by using HTML hidden img tags on the initial load. Later HTTP requests for the same images should return from cache.

By default, most browsers do the caching for you, provided you do not provide other instructions in the HTTP response headers for those image resources.

score 1 · Answer 2 · answered Mar 20 '13 at 17:56

1

try this

$('#gallery img').each(function(i){
    if(this.complete){
        doSomething();
    } else {
        $(this).load(function(){
            doSomethingElse();
        });
    }
});

answered Mar 20 '13 at 17:56

OverFlowiPhone

59
4

score -2 · Accepted Answer · answered Mar 20 '13 at 17:45

-2

Google will help you!

Take a look http://developer.android.com/guide/topics/data/data-storage.html#filesInternal

answered Mar 20 '13 at 17:45

Vasant

968
1
6
5

1

The question is about javascript but the accepted answer is related to android? – boz Mar 22 '13 at 10:14

Store image in cache memory

3 Answers3