使用Minify合并css和js减小http请求

一个页面可能包含不少的css和js文件，若是可以合并这些文件，可以大大减小网站的http请求，减小日志的产生和用户体验的提升。

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

 

首先下载Minify

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

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

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

用个人站点作个样例：http://www.yihuotv.com/min

 

生成单个css/js文件

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

 

 

 

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

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

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

能够看看个人站点的最终效果：www.yihuotv.com

 

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

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

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

全部的css合并成了一个进行传输