一个页面加载多个js,有一定影响的,加载速度会慢。js过多既延长了用户的等待时间,又大量消耗cpu。而且放在页面的前面的话,会影响页面渲染造成用户体验很差,用户会感觉东西迟迟没有出来 。最好压缩一下js或者把多个 js 文件合成一个,尽量减少客户端与服务器的交互。


页面中引入的JS文件是阻塞式加载的,这样会影响页面性能。以下是JS文件性能优化方法:
<script>



合并多个js文件补充

在平时开发的时候,我们都会有一些js文件的积累,大部份场合是不需要重新写的。


但我们会把js文件的功能尽可能的细分,以便引入的时候不引入无用的代码,但这样造成的问题是在jsp文件

中要写大量的这样的句子

<script language='JavaScript' src="two.js" charset="utf-8"></script>

如果你有100个jsp文件,都用到10个js文件,这个时候每个jsp文件写10句引入,这个是个麻烦的事情

现在,通过js文件的引入可以解决这个问题。定义一个js文件用来引入一些组合,jsp文件则只需要引入1个


这样的js文件就可以了。js代码少了100*99行



js集合引入:一个js中引入其他常用的js文件,达到精简代码的目的。

不常用的js文件,单独引入。


第一个js文件(被引入的js文件),文件名one.js,内容如下



function alertInOne(){
    alert('in one');
}



第二个js文件,文件名two.js,内容如下


//注意这个地方
document.write("<script language='javascript' src='one.js'></script>");
function alertInTwo(){
    alert("in Two");
}



调用的html文件,只需要引入two.js,就能引入one.js了


<script language='javascript' src="two.js"></script>
<script language="javascript">
    alertInOne();
    alertInTwo();
</script>