运维与监控  - 讨论区

标题:使用minify对js、css进行合并

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哲思注册吗?现在 注册 !

    Zeuux © 2024

    京ICP备05028076号