javascript - script from remote server slow load

Question

In my site header I have a script tag which loads a secure certificate badge. This badge is loaded from the certificate authority server and is sometimes slow to load. This also slows down the loading of the rest of the site, since it is waiting for the badge to finish loading.

Is there any way to tell the rendering browser to continue loading other elements and not wait for the script to load?

Answer 1

您可以使用load.js之类的东西“延迟”加载脚本-防止脚本阻塞。

Answer 2

Put the script tag right before the

</body> 

tag. That way it will be loaded last and everything else can load first.

It's actually best practice to always put javascript in the footer instead the header for exactly this reason. For example, if you've ever implemented Google Analytics, they tell you to do this.

Here is a blog post about this from Yahoo! developers: http://developer.yahoo.com/performance/rules.html#js_bottom