欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

php gzip压缩js与css代码的例子

程序员文章站 2022-03-25 10:24:51
...
为节省带宽,我们经常需要对文件进行压缩后传输,在php编程中,最常见的就是使用gzip模块对css与js文件进行压缩,本文为大家举一个这方面的例子,供大家参考。

首先,来了解下压缩的优势: 1)、将多个CSS/JS文档合并成一个文件,以减少HTTP请求。 2)、对合并后的文件进行文档压缩,比如分别使用js compressor和CSS compress。 3)、如果使用到一些主流的JavaScript框架,比如JQuery, Mootools或者YUI,强烈推荐直接使用Google AJAX Library以外部链接的形式导入基库。 4)、使用GZIP在服务器端对JS/CSS文档进行压缩。

用PHP使用GZIP压缩非常简单,其核心是使用ob_gzhandler。 注意:并非所有浏览器都支持GZIP传送到客户端的数据,容错处理一定要考虑到。 为大家举一个PHP通过GZIP压缩CSS的例子。 在存放CSS的文件夹中,新建一个style.php文件。 文件style.php:

以上代码只是用于压缩css文件,如果需要压缩JavaScript文件,要将上面代码中的第5行的Content-type修改为:

header('content-type:application/x-javascript; charset: gb2312');

同时要注意文件的编码,这里用的是gb2312,如果你采用的是UTF-8或其他编码,修改成对应的(即 utf-8)即可。 修改完成之后,引入相关需要的CSS文件,然后再原HTML引入CSS的地方相应的替换为如下的引入方式:

同理JS引入方式如下:


由于上面代码中使用到了HTTP的Expires(过期)属性用于在客户端缓存CSS/JS代码,所以,如果过期时间设置的太长(比如一 年),当你在服务器端修改了JS/css代码时,客户端可能不会立即生效。 解决办法: 在php文件后面添加一个随机参数,如上面例子中的v=121,当下次修改了文件时,记得相应修改此随机参数(比如修改为122)即可。

就是这些了,希望大家亲自动手测试一下,看看压缩前后的网站访问速度,是不是会有大的改观! 程序员之家,祝大家学习进步,天天向上,向上!!