最近站点的JS文件加载有点慢,用了CDN加速还是存在拥堵的现象。特效JS文件越来越多,如果等JS全部渲染完成才显示网页,这样站点加载速度真的很慢很慢。最后在脚本之家看到这个方法,分享出来,也为自己保留一下。

传统的jS文件加载

1<script type="text/javascript" src="####"></script>

测试结果: 正常范围:85ms~90ms 加载最低耗时:80ms

高速加载JS文件

1<script type="text/javascript">
2document.write("<scr"+"ipt src=\"####"></sc"+"ript>");
3</script>

测试结果: 正常范围:17ms46ms 加载最低耗时:0ms14ms

加载多个JS文件

1<script type="text/javascript">
2
3document.write("<scr"+"ipt src="xx1.js"></sc"+"ript>") ;
4document.write("<scr"+"ipt src="xx2.js"></sc"+"ript>") ;
5document.write("<scr"+"ipt src="xx3.js"></sc"+"ript>") ;
6/* 以此类推添加JS */
7</script>