1、针对于ie有一个特定属性defer(只支持ie)
defer属性的定义和用法(我摘自w3school网站)
defer 属性规定是否对脚本执行进行延迟,直到页面加载为止。
有的 javascript 脚本 document.write 方法来创建当前的文档内容,其他脚本就不一定是了。
如果您的脚本不会改变文档的内容,可将 defer 属性加入到 <script> 标签中,以便加快处理文档的速度。因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本,它将推迟对脚本的解释,直到文档已经显示给用户为止。
示例:
<script type="text/javascript" defer="defer">
alert(document.getElementById("p1").firstChild.nodeValue);
</script>
2、async属性
async的定义和用法(是HTML5的属性)
async 属性规定一旦脚本可用,则会异步执行。
示例:
注释:有多种执行外部脚本的方法:
•如果 async="async":脚本相对于页面的其余部分异步地执行(当页面继续进行解析时,脚本将被执行)
•如果不使用 async 且 defer="defer":脚本将在页面完成解析时执行
•如果既不使用 async 也不使用 defer:在浏览器继续解析页面之前,立即读取并执行脚本
3、换方式进行加载
换一个js包含的方式,让javascript加载速度倍增.
把通常加载方式:
<script src="xxxx.js"></script>
代码如下:
<script type="text/javascript">
</script>
代码如下:
document.write("<scr"+"ipt src="xxx1.js"></sc"+"ript>") ;
document.write("<scr"+"ipt src="xxx2.js"></sc"+"ript>") ;
document.write("<scr"+"ipt src="xxx3.js"></sc"+"ript>") ;
</script>
代码如下:
<script type="text/javascript">
if ( 心情好 ) {document.write("<<scr"+"ipt src="xxx.js"></sc"+"ript>>")}
</script>