工作总结

博客园 首页 新随笔 联系 订阅 管理

因为,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/看。

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

posted on 2010-04-15 11:00  haolijing  阅读(564)  评论(0编辑  收藏  举报