Often the browser will display the page version it has in cache rather than the one you offer on the server. I make a point of clearing my browser history and cache often so that doesn't happen while I'm surfing. Caching everything up front will certainly take longer than just downloading the current page images and such. You can try to get around that by only caching what will be needed for the next few pages rather than trying to throw everything down the Internet pipe at once. Now that the teacher in me has babbled on about the whys, hows, and don'ts of pre-loading, we'll get into how it's done.
Images are easiest.
We'll do them first. The example above is pre-loading three images I have named image1.gif, image2.gif, and image3.gif. The format is not new to you if you've ever tried to install almost any Image Flip JavaScript. The name of your images do not have to be image1.gif, etc., etc. You can use any names for the images.