2013年11月27日 星期三 11:13
如果网页引用过多的js和css文件,会增加http请求次数,导致页面加载缓慢,用户体验变差。著名的yahoo关于网站性能的best practice rules 就有多条规则是针对此问题的。
minify是一组php代码,将它部署在服务器上,就可以通过很简单的规则,将js和css文件进行合并,同时还能在一定程度上起到混淆和压缩的效果。
minify的网站地址:http://code.google.com/p/minify/
安装部署过程非常简单,只需要下载最新版本的zip包,解压,将其中的min文件夹拷贝到web服务器的Document Root目录即可。
例如我们要将web服务器的/js/a.js和/js/b.js 进行合并,那么在引用的地方将URL写成:
http://host.name/min/index.php?f=js/a.js,js/b.js&20131127
即可,&符号后面是一个版本号,当js更改后,更新这个版本号即可。
根据我的实践,可以轻而易举的一次性合并十多个文件,效果很好。
更多使用技巧和文档请参考:
http://code.google.com/p/minify/
http://developer.yahoo.com/performance/rules.html
http://code.google.com/p/minify/wiki/UserGuide
http://code.google.com/p/minify/w/list
2013年11月28日 星期四 07:06
这个好用,谁用谁知道啊。
Zeuux © 2024
京ICP备05028076号