css和js文件合并压缩工具Minify的使用

一个页面可能包含很多的css和js文件,如果能够合并这些文件,能够大大减少网站的http请求,减少日志的产生和用户体验的提高。

Minify就是一个能够合并css或js为一个文件的工具,不但可以合并,而且可以压缩。下面介绍一下使用方式:

 

首先下载Minify

下载地址:https://code.google.com/p/minify/downloads/list

解压后,将里面的min文件夹解压到网站根目录

然后访问http://域名/min

 

生成单个css/js文件

进去页面后,是Minify的在线工具页面

 

Minify

 

在文本框中加入css或者js的地址(css和js的要分别添加和生成)

然后点击updata生成最终的路径

Minify

将生成的HTML复制下来,注释掉网页HTML源码中原来的css和js代码,将合并后的代码复制进去

可以看看我的站点的最终效果:www.yihuotv.com

 

原来有10个css和js文件(我已经将他们注释掉了)

Minify

合并后生成1个css文件,和1个js文件

Minify

打开其中的css文件,发现已经压缩过了

所有的css合并成了一个进行传输

Minify

posted on 2013-03-21 08:56  阿牛的哥  阅读(720)  评论(0编辑  收藏  举报

导航