JavaScript加载速度慢的解决方案

JavaScript加载缓慢问题与动态加载方案

网站常嵌入统计、Google广告、百度同盟及阿里妈妈等JS代码，导致页面加载极度迟缓。

方案：采用新的JS引入策略，使加载速度显著提升。

常规加载模式：

 
<script src="xxxx.js"></script>

调整为：

 
<script type="text/javascript">
document.write("<scr"+"ipt src="xxx.js"></sc"+"ript>")
</script>

若需加载多个JS文件，可应用以下方法

 
<script type="text/javascript">
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>

其他JS（如广告、页面特效）均可参照此法处理。

补充说明：

利用

 
<<script type="text/javascript">>
document.write("<<scr"+"ipt src="xxx.js"></sc"+"ript>>")
<</script>>

的方式，可实现JS文件的条件化按需加载：

 
<<script type="text/javascript">>
if ( 心情好 ) {document.write("<<scr"+"ipt src="xxx.js"></sc"+"ript>>")}
<</script>>