使用PHP压缩网站JS/CSS文档的实例
在这个例子中,我分别对服务器输出的HTML文档、JS文档和CSS文档使用了GZIP压缩,可以看到压缩效果非常明显,文件体积减小了70%以上。页面加载速度明显加快。
实际上,用PHP使用GZIP压缩非常简单,其核心是使用ob_gzhandler,不过需要注意的一点是,并不是所有浏览器都支持GZIP传送到客户端的数据,所以要进行一定的容错处理。
下面是使用PHP通过GZIP压缩CSS的实例。
在存放CSS的文件夹中新建一个style.php文件,在此文件中加入以下代码:
;如果你处理的是JavaScript文件,你需要将上面代码中的第5行的Content-type修改成以下:
? header ("content-type:application/x-javascript; charset: gb2312");
同样需要注意的是文件的编码,这里我用的是gb2312,如果你采用的是UTF-8或其他编码,修改成对应的即可。
修改完成之后,在原引入CSS和JS文件的地方,将.css后缀/.js后缀的文件更换成这个style.php文件即可,如:
<src="http://www.icon52.net/scripts/autoSuggest.js.php?v=121">
Live Demo请使用Firefox,并安装YSlow插件查看图标吾爱这个网站。
2009-8-30 Update:
由于上面代码中使用到了HTTP的Expires(过期)属性用于在客户端缓存CSS/JS代码,所以,如果过期时间设置的太长(比如2020 年),当你在服务器端修改了JS/CSS代码时,客户端可能不会立即生效。解决办法是:在php文件后面添加一个随机参数,如上面例子中的v=121,当下次修改了文件时,记得相应修改此随机参数即可。