Pre-cache site as user visits

Question

I am making a static site which is 'forced' to be cached via Cache-control, etc.

When a user visits my site, I want the browser to crawl my site, caching pages, so when the user navigates to a page, the load is almost instant.

(I do not need a recursive crawl, as that will probably happen as the user navigates between pages. I just need to crawl the links on the current page, and of course not re-caching a page which has already been cached.)

(Also, I am not changing pages using Ajax-like techniques. These are essentially normal flat HTML files with normal links.)

How can I do this pre-caching using Javascript? (I am using jQuery.)

Answer 1

Not only caching of the static content, lots of things need to be done for improving website performance look at Enhancing user browser experience

Answer 2

Look into the new HTML5 feature that is the Cache Manifest.

Answer 3

$.ajaxSetup({ cache : true, type : 'GET' });

$('a').each(
    function()
    {
        $.ajax({ url : $(this).attr('href') });
    }
);

But I am not sure your browser will cache the page for further use without using an XmlHttpRequest.