Page loading ..
The FREE Online Tips Blog
Twitter | Facebook | Yahoo | Google | Firefox | Gmail | Security | Tools | more..

Javascript Web Page Preloader Script

September 15, 2006 under JavaScript Tips, Web Design Tips Bookmark / Share this Tip..
Say NO to Virus



Convert VHS to DVD



Advertise here
javascript preloader for webpages

While surfing the internet we often notice webpages taking quite a while to load. The time in many cases exceeds what you might have anticipated or what you might have wished to be. Say for example the header image gets loaded, then comes the left menu, body, adverts, external widgets and so on. This happens not only for the big sites but also for small sites, weblogs too.

The reasons in almost all cases are the usage of too many advertisements, external widgets, external content, heavy images, maps, etc. and these are pretty common these days. Lets do something (very simple yet useful) for this problem. Lets design a Java Script preloader for these webpages which will terminate once the loading of the webpage is complete (100%) ! This preloader can be used for the whole website or for a particular webpage.

Javascript Preloader: Demo and code

NOTE: We have implemented the preloader in our site too and you may see it in action in the top right-hand corner of every page.

7 Responses to Javascript Web Page Preloader Script

Stan on September 16, 2006

This is a pretty useful tip. I will try to develop it further. Anyway….. thanks.

Angella on September 16, 2006

Thanks for sharing the tip. Yeah the coding is pretty simple enough and I didnt find any errors so far. Do you have a problem with your adwords? I saw a blank header. I use ie6. See ya.

Ramnath on October 16, 2006

Hi Angella,

Thanks for noticing the error. I think there was a problem. The adwords have been removed and I think there is no problem.

Keep visiting!

Trackback on December 3, 2006

Blogging Tip: Stop visitors from leaving your blog early

Every blogger love to see traffic pouring in to their respective blogs. But the main stats that matter the most are the total number of pages they are browsing and total time spent in your blog. Just a couple of days back I was watching the statist…

Search Engine Marketing on August 18, 2008

Does Flash still work on pages with this loader?

Hanson on April 6, 2009

Hello, i have a simple web site, am using lighbox and i added also your preloader-script on my .. .
Now, your preloader is running normally, just lightbox dosent work anymore , can you tell me why or help me to resolve this problem which seems to be a conflict ?
How can i use both scripts together ?
Plz help..

Hanson on April 6, 2009

Hello, i have a simple web site, am using lighbox and i added also your preloader-script on my .. .
Now, your preloader is running normally, just lightbox dosent work anymore , can you tell me why or help me to resolve this problem which seems to be a conflict ?
How can i use both scripts together ?
Plz help..

Leave a Reply »

For any queries mail us at: rabanerjee@gmail.com




Keep Discovering WebTips » 2 | 3 | 4 | 5



Blog Desiged & Programmed by Ramnath | Launch your free blog at Blogsome

Powered by WordPress


Monitored by Pingdom