用Minify加快你的网站速度

Web 性能越来越被重视，其中很重要的一条是减少 HTTP 请求，减少 HTTP 请求包括很多方面，今天来介绍一下用 Minify 减少网站的 HTTP 请求。

Minify 是 PHP5 应用程序，它能合并、压缩 js 和 css 文件，并且能通过 HTTP gzip/deflate 及一些相关头，优化客户端缓存。

那么以本博客为例来看看 Minify 的效果如何。本博客 js 文件有 5 个，css 文件 1 个。下图是没有使用 Minify 的截图： 

 

下面这一张是使用了 Minify 后的截图：

 

从两张图片中的数据对比可以看出，css 文件 和 js 文件都有大幅度的压缩，5 个 js 文件也合并成了 1 个（最后一个是 google analytics 生成的），所以加载速度也提高了许多。

Minify 的使用简单，首先到 Google Code http://code.google.com/p/minify/ 下载该应用，解压后把 min 目录上传到网站根目录下，然后把 js 和 css 文件的路径按 Minify 的方式写，就完成了。那应该怎么写呢？

css 文件按照下面的方式写： 

 

<link media="screen" type="text/css" href="/min/f=style.css" rel="stylesheet" />

如果有多个文件，则用逗号分开，如：

 

<link media="screen" type="text/css" href="/min/f=style1.css,style2.css" rel="stylesheet" />

 

js 文件也是一样的：

 

<script type="text/javascript" src="/min/f=script.js"></script>

 

你也可以在你的域名后加上 min/ 访问 Minify URI Builder，在这个页面中，你可以输入你需要合并压缩的 js 或 css 路径，按 Update 按钮后，它会给你生成一个完成的代码，你只需要将代码粘帖到文件中即可。

转载于:https://www.cnblogs.com/Lotos/archive/2011/11/07/2240361.html