php合并js,minify合并压缩js和css文件

合并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的使用方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值