gzip the js and css

Minify

在Google Code上有一个PHP的开源项目叫Minify,它可以合并、精简、Gzip压缩和缓存JavaScript和CSS文件。其文件合并功能就非常类似Combo Handler,只不过URL的语法稍微有点不同。如果Yahoo! CDN安装了Minify,那么上面Rich Text Editor的代码用Minify的默认格式来写就是:

<script src=\'#\'" /script>

本地使用Minify很简单,只需要Apache + PHP环境就OK了:

  1. 安装好Apache + PHP (Windows、Mac)。
  2. 下载Minify源码,解压,然后把min文件夹复制到指定的根目录下,比如localhost。这时URL的写法大概是http://localhost/min/f=...
  3. 启用Apache的Mod Rewrite模块,然后在min文件夹下新建.htaccess文件,并添加如下Rewrite规则:
    <IfModule mod_rewrite.c> RewriteEngine on # You may need RewriteBase on some servers # 如果做了所有的开启Mod Rewrite的设置依旧无效,请城市尝试启用下面这句 #RewriteBase /min # rewrite URLs like "/min/f=..." to "/min/?f=..." RewriteRule ^([bfg]=.*) index.php?$1 [L,NE] </IfModule>

    如果不启用Mod Rewrite功能,则Minify的URL会类似http://localhost/min/index.php?f=…,这对客户端和中间服务器的缓存不利,而启用了Mod Rewrite之后的URL类似http://localhost/min/f=…,不仅解决前面问题且更短。

  4. 配置Minify,即编辑min/config.php文件
    $min_enableBuilder = true; //本地使用时可以通过http://localhost/min/builder/来进行配置,外部使用时请设置为false //$min_cachePath = 'c:WINDOWSTemp'; //$min_cachePath = '/tmp'; //$min_cachePath = preg_replace('/^d+;/', '', session_save_path()); //选择其一,去掉注释设置临时缓存目录,这样可以减少程序运算提高性能 $min_serveOptions['maxAge'] = 1800; //设置浏览器缓存的时间,为了提升性能建议这个时间设置尽可能的长,比如315360000 //如果需要在不改变URL的情况下更新静态文件,可以采用类似时间戳的方式, //如http://localhost/min/f=example/example.css&20100601.css //建议静态文件采用版本号管理,每次修改都需要升级版本号,这样就无需时间戳了, //如http://localhost/min/f=example/example_1_0_1.css $min_serveOptions['minApp']['maxFiles'] = 10; //参数f获取参数的个数,即合并的文件个数,这个数量完全可以增大,比如50, //当然可能会遇到URL最大值问题,后会有解释 $min_documentRoot = ''; //$min_documentRoot = substr(__FILE__, 0, strlen(__FILE__) - 15); //$min_documentRoot = $_SERVER['SUBDOMAIN_DOCUMENT_ROOT']; //当$min_documentRoot为空时,其值就是$_SERVER['DOCUMENT_ROOT'], //但合并的文件不在$_SERVER['DOCUMENT_ROOT']下,会导致400错误, //这个时候可以启用第2行或第3行 
  5. 使用Minify比如,有两个JavaScript文件,http://localhost/example/a.js,http://localhost/example/b.js,那么使用Minify合并的URL是http://localhost/min/f=/example/a.js,/example/b.js,直接把这个URL放到页面中就可以使用了。

实际上Minify不仅仅实现了合并功能,同时默认在合并的同时还会对文件进行精简压缩,如果你在本地本身就对文件进行压缩了,比如使用YUI Compressor,那么可以在config.php中进行如下设置取消Minify的压缩以提升性能:

$min_serveOptions['minifiers']['application/x-javascript'] = ''; $min_serveOptions['minifiers']['text/css'] = ''; 

如果服务端支持Java,那么也可以对Minify进行简单配置而实现利用YUI Compressor压缩JavaScript和CSS文件。

直接在服务端进行合并和压缩,这非常的灵活,也极大的减轻了前端开发成果的部署过程,真使事半功倍。更多配置请看Minify CookBook和Wiki

小提示:Minify使用的New BSD License,这就意味着使用者可以几乎自由的使用该代码。BSD协议鼓励代码共享,但需要尊重代码作者的著作权。BSD由于允许使用者修改和重新发布代码,也允许使用或在BSD代码上开发商业软件发布和销售,因此是对商业集成很友好的协议。而很多的公司企业在选用开源产品的时候都首选BSD协议,因为可以完全控制这些第三方的代码,在必要的时候可以修改或者二次开发

你可能感兴趣的:(js,css,GZip,职场,休闲)