I found preloader for flash|swf files. preloader,lazyloader for images.But nothing for complete webpage.
Some sites, like mine, have big header and footer. I need some preloader for this. Please suggest.
I am not sure what you mean by preloader. You can't load anything on a page before you go to it unless it is something that is re-used on a page that was already hit or is loaded on an earlier page in anticipation (this isn't a good idea).
Here are a couple of things I noticed specifically and that you can do right away:
Finally, another thing that might be able to help you is caching things on your server. If you site has a lot of database queries for content that rarely or never changes, cache the results of queries in your servers cache. This will make server processing time go down. Companies like Facebook do this to the point where 99% of their content is in the server cache.
Your header and footer are very large in total 202 KB. If you reduce the JPEG quality parameter when saving the images, you can probably get that down to 150 KB or even 100 KB without a noticeable loss in quality.
Another option is to split the header into two parts, one with the detailed graphics like the dice splashing in the water, then another with the "solid colour" blocks. Save the second part as PNG and you may make savings there. If possible, reduce to 256 colours (you can almost certainly do this with the footer).
I also noticed that the header/footer were being served as
Want to preload a complete web page? Boy, do I have the perfect solution for you!
Firefox supports link prefetching, and it's part of HTML 5, meaning more browsers will support it in the months ahead.
Just stick something like this in the
Read more about it here: