如何把网站js文件合并成一个，提升网站性能？

我们在网站建设中常常会用到很多的js效果，比如js客服代码、js幻灯效果代码、js菜单效果等等很多，这时我们打开网站，网站就会同时加载这些请求，严重影响网站的性能，所以我们就需要把js合并,让网站加载时只需一个请求，为此360模板吧总结了下列几种方法可以实现js合并：

• 1.我们可以新建一个公共的js文件，然后把所有的js文件全部写进去，比如新建一个名为“common.js”的文件，使用代码如下实例：

with(document){
write('<script type="text/javascript" language="javascript" src="1.js"></script>');//插件1
write('<script type="text/javascript" language="javascript" src="2.js"></script>');//插件2
write('<script type="text/javascript" language="javascript" src="3.js"></script>');//插件3
}

注：这个方法虽然精简，但是而实际上却也要加载这些js文件，所以也不算太适用，如果网站都需要调用这些文件倒是可以这样写，或者在按此方法，在需要调用的页面写一个公共js文件1，在另一个页面写一个公共js文件2。

• 2.把不输出（没有document.write）的公共函数合到一起，如果单纯地把多个js文件内容复制到一起可能会出错，所以需要自行测试。
• 4.将JS文档放到CDN,这样加载速度就会更快了，没有备案的网站可以放在公共cdn，这样就解决了备案问题。