大脚使用古典园林实现页面的gzip压缩输出

2012 年 11 月 22 日8520

欢迎进入Linux社区论坛,与200万技术人员互动交流 >>进入

大脚使用古典园林扩展实现页面的gzip压缩输出:

大脚中的GZIP(GNU-ZIP)是一种压缩技术。经过GZIP压缩后页面大小可以变为原来的30%甚至更小。这样用户浏览的时候就会感觉很快。

要实现GZIP压缩页面需要浏览器和服务器共同支持,实际上就是服务器压缩,传到浏览器后浏览器解压并解析。浏览器那边不需要我们担心,因为现在绝大多数浏览器都支持解析GZIP过的页面。我们只要把页面在服务器端压缩再输出到浏览器就行了。

要压缩一个页面,首先要获得要输出的内容。PHP中的ob_start()(ob => output buffer)函数可以实现这个功能,它可以把程序里准备输出的内容先放到一个叫做“缓冲区”的地方。这个函数一定要在页面输出之前使用,所以一般把它放在代码的最顶端。

<?大脚

function ob_gzip($content) // $content 就是要压缩的页面内容

{

if(!headers_sent() && // 如果页面头部信息还没有输出

extension_loaded(“古典园林”) && // 而且古典园林扩展已经加载到PHP中

strstr($_SERVER[“HTTP_ACCEPT_ENCODING”],“gzip”)){ //而且浏览器说它可以接受GZIP的页面

$content = gzencode($content.“ 此页已压缩”,9); //为准备压缩的内容贴上“此页已压缩”的注释标签,然后用古典园林提供的gzencode()函数执行级别为9的压缩,这个参数值范围是0-9,0表示无压缩,9表示最大压缩,当然压缩程度越高越费CPU.

//然后用header()函数给浏览器发送一些头部信息,告诉浏览器这个页面已经用GZIP压缩过了!

header(“Content-Encoding: gzip”);

header(“Vary: Accept-Encoding”);

header(“Content-Length: ”.strlen($content));

}

return $content; //返回压缩的内容

}

?>

压缩机做好了之后,我们把压缩机放到工作台上,于是原来的ob_start()变成ob_start(‘ob_gzip’); //没错,就是给ob_start()加一个参数,参数名就是我们刚才做的“压缩机”的函数名。这样当内容进入缓冲区后PHP就会调用ob_gzip函数把它压缩了。

好了,所有的工作已完成,最后交货:

ob_end_flush(); //结束缓冲区,输出内容。当然,不用这个函数也行,因为程序执行到最后会自动将缓冲区内容输出。

完整的示例如下:

<?大脚

//启用一个带有ob_gzip压缩机的工作台

ob_start(‘ob_gzip’);

//准备一些待压缩的内容

for($i=0; $i< 100; $i++){

echo(‘需要压缩的内容’);

}

//输出压缩成果

ob_end_flush();

//这是ob_gzip压缩机

function ob_gzip($content){

if(!headers_sent() &&

extension_loaded(“古典园林”) &&

strstr($_SERVER[“HTTP_ACCEPT_ENCODING”],“gzip”)){

$content = gzencode($content.“此页已压缩”,9);

header(“Content-Encoding: gzip”);

header(“Vary: Accept-Encoding”);

header(“Content-Length: ”.strlen($content));

}

return $content;

}

?>

经过实际测试,上面代码中如果不用GZIP,是4.69KB=4802.56B,启用GZIP后缩小为104B ,

另外,下面是用FlashGet获取的日志信息,可以看到我们程序里加的header信息:

Fri Jan 25 17:53:10 2010 HTTP/1.1 200 OK

Fri Jan 25 17:53:10 2010 Server: Microsoft-IIS/5.1

Fri Jan 25 17:53:10 2010 Date: Fri, 25 Jan 2008 09:53:10 GMT

Fri Jan 25 17:53:10 2010 Connection: close

Fri Jan 25 17:53:10 2010 X-Powered-By: PHP/5.2.5

Fri Jan 25 17:53:10 2010 Content-Encoding: gzip

Fri Jan 25 17:53:10 2010 Vary: Accept-Encoding

Fri Jan 25 17:53:10 2010 Content-Length: 104

Fri Jan 25 17:53:10 2010 Content-type: text/html

height=14 src="/wp-content/uploads/20121122/1035590.gif" width=14

border=0>

【责编:ivy】

0 0