优化合并css/js的利器-Minify

因为,blog放在国外,有些时间访问速度很慢,所以页面加载优化一直是我很重视的。其中我最关注的还是减少http请求数,css图片的就暂不说, 这次再看看合并css/js。

之前已经有写过一篇文章是关于这个的(http://vl99.com/archive/390.html

本来是想着每次做网站都要弄这些很麻烦,想找看看能不能用js来解决这个合并压缩的功能,但搜了半天没找着,也不太可能实现,还是乖乖的每种语言去实现压缩合并。

Minify 是使用 PHP5 开发的用于合并压缩 js/css 文件的应用程序。合并压缩之后的结果可通过 HTTP gzip/deflate 及一些相关头,优化客户端缓存。可参考 Yahoo 的 Rules for High Performance Web Sites

Minify已经融合了(http://vl99.com/archive/390.html)之前文章里的三种办法:合并、压缩、gzip.

而且引用起来更方便:

Minify 的安装使用很简单,下载最新版本 ,解压,将 min 目录复制到发布目录下,然后访问 http://example.com/min/,在显示的界面中加入你想合并压缩的 js/css 路径,点击 'Update' 之后会为你生成一个 url,如:

http://localhost/min/b=googletesting/js&f=mootools.js,iAction.js,iAjax.js,global.js

接下来你就可以将这个 url 放到你的页面中了。这样可以使请求数减少,传输的字节数也小了很多。而且 Minify 支持服务器端 cache,即将合并压缩的结果 cache 到服务器端文件中,下次访问就不需要再重新做合并压缩的操作了。如果需要组合的文件很多,url 就会变得很长,Minify 支持 group,可以将这些文件分组,这样 url 中只需指定 g=group名字 就可以了。

效果图可以到http://code.google.com/p/minify/看。

查看实际应用效果可查看本站。

转载于:https://www.cnblogs.com/gongzuozongjie/archive/2010/04/15/1712442.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值