minify合并压缩js和css文件

 PHP   高蒙   阅读(1422)   评论(0)   2016-11-28 11:11:24    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

如果正常的情况下我要写成。

<script src="http://127.0.0.1/123/a.js"></script>
<script src="http://127.0.0.1/123/b.js"></script>
<script src="http://127.0.0.1/123/c.js"></script>

如果使用minfy那么就可以写成:

<script src="http://127.0.0.1/min/b=123&f=a.js,b.js,c.js"></script>

或者写成:

<script src="http://127.0.0.1/min/f=123/a.js,123/b.js,123/c.js"></script>

参数解释:

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: 

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

注意:

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





相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客