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

如何把网站js文件合并成一个,提升网站性能?插图
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,这样就解决了备案问题。

发表评论

后才能评论