Minify：优化CSS和JS提升网站性能
Minify 是一个 PHP5 的应用，帮助你让网站更加符合 Yahoo 的：Rules for High Performance Web Sites.
Minify可以按需对JavaScript以及CSS文件进行合并、压缩以及缓存，以加快页面的载入速度。而安装minify则极其简单，只需在网站根目录下上传程序目录即可。
~Minify把CSS和JS压缩和削减(Minify：去掉空格回车符等)，以及把多个CSS，JS文件整合到一个文件里。不要以为你的大带宽没有必要进行这类优化。使用它的理由更重要的是文件合并，而不是压缩，而是文件整合，这样可以减少浏览器端不断发出新的连接请求，就像FTP服务器一样，多个小文件和一个大文件耗时是不一样的。
Minify是用PHP写的，项目地址 http://code.google.com/p/minify/
安 装
1. 下载最新的Minify然后解压缩到minify目录。
2. 复制"min"目录到你的DOCUMENT_ROOT.
基本用法
假设你有http://localhost/a.js,http://localhost/b.js两个文件。那么现在，你可以使用http://localhost/min/?f=a.js,b.js,看看浏览器返回结果，是不是minify的两个js文件的内容?
附译min目录下的README.txt
引用
该目录中的文件包含默认Minify设置，旨在简化整合您的网站。Minify将合并削减JavaScript或CSS文件，并进行HTTP压缩和缓存头。
推 荐
建议修改config.php中设置$min_cachePath到一个PHP可写目录。这将提高性能。
GETTING STARTED
最快的开始Minify的方法是使用Minify Builder应用程序的URI
访问您的网站：http://example.com/min/builder/
压缩单个文件
比方说，你要服务于这个文件：
http://example.com/wp-content/themes/default/default.css
下面是“Minify网址”该文件：
http://example.com/min/?f=wp-content/themes/default/default.css
换句话说，“f”参数设置为从WEB根路径下的目标文件（不需要路径/）”。由于CSS文件可能包含相对URI，Minify会自动通过重写机制找到它们。
合并多个文件到一个文件下载
用','分隔f参数的每一个文件名。
比如，有如下CSS文件：
http://example.com/scripts/jquery-1.2.6.js
http://example.com/scripts/site.js
您可以通过Minify结合起来：
http://example.com/min/?f=scripts/jquery-1.2.6.js,scripts/site.js
简化基本路径
如果你合并的文件共享同一父目录，你可以使用b参数设置的f参数的基本目录（同样不包括前导或者后缀/字符）。
例如，以下两种写法效果相同：
http://example.com/min/?f=scripts/jquery-1.2.6.js,scripts/site.js,scripts/home.js
http://example.com/min/?b=scripts&f=jquery-1.2.6.js,site.js,home.js
在Html中使用MINIFY
在（X）HTML文件，不要忘记将&替换为&
指定允许的目录
默认情况下，Minify不会有任何DOCUMENT_ROOT范围内的*.css/*.js文件。如果你希望限制Minify存取某些目录，在config.php中设置
$min_serveOptions ['minApp'] ['allowDirs']数组。例如：限制到/js和/themes/default目录，使用：
Php代码
$min_serveOptions['minApp']['allowDirs'] = array('//js', '//themes/default');
"组"：更快的性能和更好的网址
为了获得最佳性能，编辑groupsConfig.php中的预指定文件组，下面是一个例子配置：
Php代码
return array(
'js' => array('//js/Class.js', '//js/email.js')
);
以上预指定js将结果是合并了如下文件：
http://example.com/js/Class.js
http://example.com/js/email.js
现在，您可以如此简化URL：
http://example.com/min/?g=js
组：指定document_root目录以外的文件
在groupsConfig.php阵中,//是指向DOCUMENT_ROOT，但你也可以指定从系统的绝对目录路径或相对于document_root的相对目录：
Php代码
return array(
'js' => array(
'//js/file.js' // file within DOC_ROOT
,'//../file.js' // file in parent directory of DOC_ROOT
,'C:/Users/Steve/file.js' // file anywhere on filesystem
)
);
未来过期HTTP头
Minify可以发送未来（一年）过期HTTP头。要启用该功能，您必须添加一个数字到URIs（例如/min/?g=js&1234 or /min/f=file.js&1234），每当源文件修改时改变该数字。如果你使用SVN/CVS，你可以考虑使用修订版号作为该数字。
如果使用"组"来合并压缩你的文件，可以使用工具函数Minify_groupUri()来得到一个“版本”的URI。例如：
Php代码
<?php
// 之前确保min/lib目录设置到include_path
// add /min/lib to your include_path first!
require $_SERVER['DOCUMENT_ROOT'] . '/min/utils.php';
$jsUri = Minify_groupUri('js');
echo "<script type='text/javascript' src='{$jsUri}'></script>";
调试模式
在调试模式下，Minify不压缩文件，而是发送合并后的带有行号的文件。要启用该模式，在config.php中设置为$min_allowDebugFlag为true，并增加"&debug=1" 到你的URIs.
例如：/min/?f=script1.js,script2.js&debug=1
注：对于该模式，注释风格的字符串正则表达式可能会导致问题。
把min目录上传根目录，根目录打开http://example.com/min/
Note: Please set $min_cachePath in /min/config.php to improve performance.
设置/min/config.php文件 ，$min_cachePath 有3个选择。
//$min_cachePath = ‘c://WINDOWS//Temp’;
//$min_cachePath = ‘/tmp’;
//$min_cachePath = preg_replace(‘/^//d+;/’, ”, session_save_path());
选择第2个，去除// .设置tmp属性777
在显示的界面中加入你想合并压缩的 js/css 路径，点击 ‘Update’ 之后会为你生成一个 url，如：http://localhost/min/b=googletesting/js& f=mootools.js,iAction.js,iAjax.js,global.js
css和JS分别合并，2个地址。如果需要组合的文件很多，url 就会变得很长，Minify 支持 group，可以将这些文件分组，这样 url 中只需指定 g=group名字 就可以了。
安装完毕后删除min/builder/index.php 文件。防止其他人登陆！后期如需编辑再次上传！
----------------------------------------
Minify 是用PHP5开发的应用，通过遵循一些Yahoo的优化规则来提高网站的性能。它会合并多个CSS或者JavaScript文件，移除一些不必要的空格和注释，进行gzip压缩，并且会设置浏览器的缓存头。Minify 在设计上和Yahoo的 Combo Handler Service非常像，不过Minify可以合并任何你想要合并的JavaScript和CSS文件。
一般情况下，网站速度的瓶颈都在前端，而最关键的就是资源的加载速度，但是大多数浏览器都有单个域名并发请求数限制，所以如果一个页面中存在很多的资源，比如CSS和JavaScript文件，那么明显会降低网站的加载速度，比较好处理方式就是把多个文件通过一个请求来访问，这样既不会影响之前的文件维护，又会减少资源的清楚数量，Minify就是为之而生。下面是一些被Minify采用的 Yahoo！ 优化准则：
1、Make Fewer HTTP Requests
2、Add an Expires or a Cache-Control Header
3、Gzip Components
4、Minify JavaScript and CSS
5、Configure ETags
6、Keep Components under 25K
下面两幅图分别是启用Minify之前和启用Minify之后网站请求时间的一个对比，可以看出启用Minify之后，资源的加载时间从250ms减少到了125ms，总共节省了50%的时间。
特性：
合并多个CSS或JavaScript文件为一个文件，减少请求数量，并且进行minify处理
使用了多个开源的库，包括 JSMin.php ，Minify CSS，Minify HTML
服务端缓存（fils/APC/Memcache），可以避免不必要的重复处理
当浏览器存在资源的缓存，返回HTTP 304 Not Modified
多个文件合并时，自动生成URI
当开启服务端缓存的时候，在一般的服务器上Minify每秒可以处理几百个并发请求
根据请求头，开启Content-Encoding： gzip。在服务端缓存开启的情况下，Minify提供gzipped 文件速度比Apache’s mod_deflate模块要快
安装
下载最新的Minify，然后解压文件到”min” 文件夹
Copy “min” 文件夹到自己网站的DOCUMENT_ROOT下，如果想要Minify在子目录下工作，看这里
使用
假设网站域名是http://example.com，Minify安装在了虚拟主机的根目录下，那么访问http://example.com/min/，我们会看到一个“Minify URI Builder”，我们可以输入需要进行合并的文件URI，如下
点击Update之后，系统会自动生成一个合并后的URI：/min/?b=js&f=jquery-a.js,jquery-b.js,jquery-c.js。如果觉得URI太长，可以通过配置文件来指定group，编辑min目录下的groupsConfig.php文件，加入以下内容：
return array(
'js' => array('//js/jquery-a.js', '//js/jquery-b.js', '//js/jquery-c.js'),//相对于DOCUMENT_ROOT
);
之后就可以通过/min/?g=js来访问了
Minify在资源首次被请求的时候，会对多个文件进行合并，gzip，去除空格，注释等处理，然后会把处理的结果进行缓存，默认情况下是进行文件缓存，缓存的key以minify_开头，修改min/config.php文件，配置缓存文件存放的位置：
$min_cachePath = '/tmp';
除了通过文件进行缓存之外，Minify还支持Memcache缓存，修改min/index.php文件，加入以下代码：
require 'lib/Minify/Cache/Memcache.php';
$memcache = new Memcache;
$memcache->connect('localhost', 11211);
$min_cachePath = new Minify_Cache_Memcache($memcache);
Minify支持两种debug方式，一种是通过firephp调试PHP错误，修改min/config.php文件，加入以下代码：
$min_errorLogger = true;
另一种是通过在URL中加入flag进行错误调试，在min/config.php中加入
$min_allowDebugFlag = true;
之后就能以http://example.com/min/f=jquery-a.js,jquery-b.js,jquery-c.js&debug=1方式进行调试了
参考：
http://code.google.com/p/minify/wiki/UserGuide
minify 自动压缩合并JS和CSS(减少请求数)：http://www.jb51.net/codes/67229.html
用Minify加快你的网站速度： http://hi.baidu.com/whosafe/item/446f3d1cf357c3717a5f257d
版权所有: 本文系米扑博客原创、转载、摘录，或修订后发表，最后更新于 2014-03-25 12:58:27
侵权处理: 本个人博客，不盈利，若侵犯了您的作品权，请联系博主删除，莫恶意，索钱财，感谢！