合并js和css文件是许多高浏览量的大型网站的需求,为了方便加快网站的显示速度,减少页面的缓冲,将多个js/css文件合并成一个,这样当用户打开网站的时候,一个js/css链接就只需要像服务器发送一次请求,如果是多个,则需要执行多次请求.所以这样减少了向服务器发送请求的次数,用户查看到完整页面的速度也快了很多,因为很多用户并不愿意在等待网站页面缓冲上花费太多时间。
这里介绍,minfy插件可以轻松的解决css和js文件的压缩问题。源码是php的直接下载,放到网站的相应位置即可。
Minify把CSS和JS压缩和削减(Minify:去掉空格回车符等),以及把多个CSS,JS文件整合到一个文件里。不要以为你的大带宽没有必要进行这类优化。使用它的理由更重要的是文件合并,而不是压缩,而是文件整合,这样可以减少浏览器端不断发出新的连接请求,就像FTP服务器一样,多个小文件和一个大文件耗时是不一样的。Minify是用PHP写的,源码下载地址:https://github.com/mrclay/minify
安 装
1. 下载最新的Minify然后解压缩到minify目录。
2. 复制"min"目录到你的DOCUMENT_ROOT。
使用方式一:
本地123目录下面有a.js,b.js.c.js
如果正常的情况下我要写成。
如果使用minfy那么就可以写成:
或者写成:
参数解释:
b:代码文件夹。
如果不加b就需要加上文件夹路径。
展示的代码:function a(){alert('a');};function b(){alert('b');};function c(){alert('c');}
使用方式二:
"组":更快的性能和更好的网址
为了获得最佳性能,编辑groupsConfig.php中的预指定文件组,下面是一个例子配置。return array(
'js'=>array('//123/a.js','//123/b.js','//123.c.js'),
);
现在,您可以如此简化URL:
注意:
在nginx服务器上,需要配置伪静态才可以使用。if (!-e $request_filename) {
rewrite ^/min/([a-z]=.*) /min/index.php?$1 last;
break;
}
未来过期HTTP头
Minify可以发送未来(一年)过期HTTP头。要启用该功能,您必须添加一个数字到URIs(例如/min/?g=js&v=1234 or /min/f=file.js&v=1234),每当源文件修改时改变该数字。如果你使用SVN/CVS,你可以考虑使用修订版号作为该数字。
minfy的更多的使用方法,这里不一一的赘述,有兴趣可以自行去搜索。上面介绍的使用方式,我觉得第一种比较常用,第二种方式也比较的简单只是每次都要配置一下,稍微的麻烦点。这个就是看个人的喜好了。
上面就是minfy压缩合并js和css的使用方法。