利用minify压缩CSS JS文件

浏览数：23 / 时间：2015年06月09日

从事前端开发的屌丝都知道，对css文件，javascript文件进行细分，这样有利于后期的CSS JS文件的维护，管理。

这样一来就造成了我们要在一个文件引入N个CSS JS文件，出现这种

当然这个引用的文件还是少,但最少已经是7个HTTP请求了。哪天领导发现网站的反应速度慢了，就会过来让屌丝们做一下优化，前端的看能能将多个CSS JS合并文件减少一下HTTP请求，将文件压缩一下减少文件体积，等等。

面对这种情况这里介绍一款合并压缩减少HTTP的NB的工具 minify

下载地址：http://code.google.com/p/minify/

有时我们会看到别人的网站是采用这种写法引用CSS JS的

这正是这个插件的功劳，说了好多的废话，看正题吧。

下载后，解压这个文件

将min文件拷贝到网站的根目录，网上一些资料是说要设置一下，我是直接上传上去测试都是OK的。

还有一种就是将前面的//都去掉

$min_cachePath = ‘c:\\WINDOWS\\Temp‘;
$min_cachePath = ‘/tmp‘;
$min_cachePath = preg_replace(‘/^\\d+;/‘, ‘‘, session_save_path());

还是不太明白有什么差异，知道的请指点一下，呵呵。

下面是我在本地环境下的测试，测试目录:

www

--test

--css

--reset.css

--layout.css

--test.css

--index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<link href="/min/?b=test/css&amp;f=test.css,reset.css,layout.css" rel="stylesheet"/>
</head>

<body>

<p>minify</p>
</body>
</html>