详解minify合并压缩 JS 和 CSS 文件
2017-02-07| 程成| 1718| 0| PHP技术

合并js和css文件是许多高浏览量的大型网站的需求,为了方便加快网站的显示速度,减少页面的缓冲,将多个js/css文件合并成一个,这样当用户打开网站的时候,一个js/css链接就只需要像服务器发送一次请求,如果是多个,则需要执行多次请求.所以这样减少了向服务器发送请求的次数,用户查看到完整页面的速度也快了很多,因为很多用户并不愿意在等待网站页面缓冲上花费太多时间。


这里介绍,minfy插件可以轻松的解决css和js文件的压缩问题。源码是php的直接下载,放到网站的相应位置即可。


Minify把CSS和JS压缩和削减(Minify:去掉空格回车符等),以及把多个CSS,JS文件整合到一个文件里。不要以为你的大带宽没有必要进行这类优化。使用它的理由更重要的是文件合并,而不是压缩,而是文件整合,这样可以减少浏览器端不断发出新的连接请求,就像FTP服务器一样,多个小文件和一个大文件耗时是不一样的。


安装:

1、下载

Minify是用PHP写的,源码下载地址:https://github.com/mrclay/minify


2、安装

复制文件夹中的min到网站DOCUMENT_ROOT下


3、配置

windows下可以直接使用

linux下需要添加配置文件,我服务器是nginx添加如下


      if (!-e $request_filename) {
        rewrite ^/min/([a-z]=.*) /min/index.php?$1 last;  
        break;
    }


4、用法

比如我有几个css引用如下

http://www.cc1021.com/Public/css/bootstrap.min.css

http://www.cc1021.com/Public/css/font-awesome.min.css

http://www.cc1021.com/Public/css/admin-pagination.css

修改为

http://www.cc1021.com/min/b=Public/css&f=bootstrap.min.css,font-awesome.min.css,admin-pagination.css


还有种“组”的用法


return array(
    'js'=>array('//123/a.js','//123/b.js','//123.c.js'),
);


现在你可以这样写


<script src="<a href="http://127.0.0.1/min/?g=js">


Minify可以发送未来(一年)过期HTTP头。要启用该功能,您必须添加一个数字到URIs(例如/min/?g=js&v=1234 or /min/f=file.js&v=1234),每当源文件修改时改变该数字。如果你使用SVN/CVS,你可以考虑使用修订版号作为该数字。 


minfy的更多的使用方法,这里不一一的赘述,有兴趣可以自行去搜索。


以上就是我对minify合并压缩js和css文件。



×
作者:程成
QQ:492245711