最近站点的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>