Preloading subsequent HTML pages

[Charles]

Hello,

I have a common company web site with the home page, products,
services, about us and contact pages. I'd like to preload the 4 other
pages in the background when I access a page to make the site faster.
I already preload images properly. I thought about using a 1x1px
iframe but it's not very nice. So I tried considering .html pages as
if they were image files and I tried this code:

var preload=new Image();
preload.src="products.html";

But this code doesn't preload the products.html page. It seems the
Image() object only handles images, as the name implies, eh eh...
How would you preload subsequent pages?
Thanks,

[Charles]

On Jan 27, 7:12*am, Thomas 'PointedEars' Lahn <[e-mail]>
wrote:

With prefetching, which does not require scripting.

Thanks. Yeah, the only problem is that basically only Mozilla browsers
support it: http://en.wikipedia.org/wiki/Link_prefetching

Any other suggestion in the meantime? I was thinking about using an
Ajax function after loading the initial page and using the GET method
to push subsequest pages. Would this work?
Thanks.

[Charles]

On Jan 27, 11:33*am, Charles <[e-mail]:

With prefetching, which does not require scripting.

I tried it in Firefox, but it didn't keep the page in cache. I tried
the Ajax way and it works in FF and IE, but not in Opera:
http://jsite.dreamhosters.com/preload/

I'm gonna get in touch with the Opera team to find out why.

[Charles]

I tried both synchronous and asynchronous modes. Here are my findings:

1. In synchronous mode, I'm able to prefetch subsequent pages but the
browser freezes for a few seconds, it's not an ideal situation. It
happens with all browsers I've tested. Here's an example that
prefetches pages in synchronous mode: http://jsite.dreamhosters.com/preloa...nchronous.html
and here's the line that I use: xmlHttp.open("GET",pages[i],true);

2. In asynchronous mode, I'm unable to fetch pages, it seems the loop
is executed right away without fetching anything. I don't understand
very well what happens behind the scene. But at least the browser
doesn't freeze! Here's an example that uses asynchronous mode:
http://jsite.dreamhosters.com/preloa...nchronous.html and that
doesn't work. Here's the line that I use:
xmlHttp.open("GET",pages[i],false);

What do you think I can do to prefetch pages in asynchronous mode?
Thanks.

[Charles]

Oh, actually I swapped the two URLs.

[Charles]

On Jan 27, 8:37*pm, Thomas 'PointedEars' Lahn <[e-mail]>
wrote:

Please search the newsgroup for suggestions on how to perform several
asynchronous XHRs.

I think you'll be happy to see what I've come up with. I'm now able to
prefetch pages using Javascript in asynchronous mode. Please have a
look: http://preload-pages-with-javascript.dreamhosters.com/
Cheers.