Javascript脚本可防止等待脚本加载（PantherAds）

Question

Well I recently got into PantherAds and got my ad script to place on my website. However I found out that when the script (/iframe) of Pantherads on my website isn't loading, the rest of my website isn't loading either. In other words: it's waiting for Pantherads to fully load before it will continue to load the rest of my website. Now what I'd like to do is either make sure it loads the rest of the page at the same time, so that my website won't be bothered when PantherAds script isn't loading, or I'd like to set a timeout for the Pantherads script. Eg if it hasn't loaded within 5 seconds, then just skip it.

Does anyone know how to do this? Or can anyone help me out on this? Would be much appreciated!

Thanks in advance.

Best Regards.

UPDATE: This is the Pantherads script:

<script language="javascript" type="text/javascript" src="http://pantherads.com/ads/CODEHERE"></script>

It's said to use an iframe to show the ad.

Answer 1

There are 3 different solutions:

• add the "async" attribute to the script declaration (
• add the "defer" attribute. It's supported by all browsers (even by IE5). I will delay the script execution until the body is not fully parsed/rendered.
• place you script just before the end of the page (, suggested by Jashwant)

PS if I were you I would review the entire execution/priority map of all the scripts, by putting some of them (mostly Google analytics and similar) to async mode. JQuery external scripts to defer and so on. You might get a significant speed increase.

Answer 2

Include your <script> </script> tags of PantherAds just before closing </body> tag.

It will load only after your page is loaded.

Answer 3

Google, and many others use the following JavaScript snippet to perform an async load of a JavaScript file; just add the following code to a script block on your page:

(function() {
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = 'http://pantherads.com/ads/CODEHERE';
    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s, x);
})();