您的位置：首页 > 编程技术 > php  >  PHP使用zlib扩展实现页面GZIP压缩输出

PHP使用zlib扩展实现页面GZIP压缩输出

 更新时间：2016年11月25日 17:35  点击：1952

GZIP（GNU-ZIP）是一种压缩技术。经过GZIP压缩后页面大小可以变为原来的30%甚至更小。这样用户浏览的时候就会感觉很爽很愉快！
要实现GZIP压缩页面需要浏览器和服务器共同支持，实际上就是服务器压缩，传到浏览器后浏览器解压并解析。浏览器那边不需要我们担心，因为现在绝大多数浏览器都支持解析GZIP过的页面。我们只要把页面在服务器端压缩再输出到浏览器就行了。

有点罗嗦，下面说正事：
正如要制作压缩饼干，先要拿到原料，要压缩一个页面，首先要获得要输出的内容。PHP中的ob_start()（ob => output buffer）函数可以实现这个功能，它可以把程序里准备输出的内容先放到一个叫做“缓冲区”的地方，当然，你可以理解为制作压缩饼干的暂时放原料的工作台。
这个函数一定要在页面输出之前使用，所以一般把它放在代码的最顶端。因为它就像是一个工作台，所以你要在原料到来之前就要准备好它，否则原料来了没地方放，会出问题的。用ob_start()得到要压缩的页面之后，我们就可以制作压缩饼干了，不对，应该是可以压缩页面了！不过好像还缺少一台压缩机，EZ，我们用PHP带的zlib扩展做一台：

 
function ob_gzip($content) // $content 就是要压缩的页面内容，或者说饼干原料
{    
    if(    !headers_sent() && // 如果页面头部信息还没有输出
        extension_loaded("zlib") && // 而且zlib扩展已经加载到PHP中
        strstr($_SERVER["HTTP_ACCEPT_ENCODING"],"gzip")) //而且浏览器说它可以接受GZIP的页面
    {
        $content = gzencode($content." \n//此页已压缩",9); 为准备压缩的内容贴上“//此页已压缩”的注释标签，然后用zlib提供的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(); //结束缓冲区，输出内容。当然，不用这个函数也行，因为程序执行到最后会自动将缓冲区内容输出。


完整的示例如下：

 
<?php
//启用一个带有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("zlib") &&
        strstr($_SERVER["HTTP_ACCEPT_ENCODING"],"gzip"))
    {
        $content = gzencode($content." \n//此页已压缩",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信息：

QUOTE:
Fri Jan 25 17:53:10 2008 HTTP/1.1 200 OK
Fri Jan 25 17:53:10 2008 Server: Microsoft-IIS/5.1
Fri Jan 25 17:53:10 2008 Date: Fri, 25 Jan 2008 09:53:10 GMT
Fri Jan 25 17:53:10 2008 Connection: close
Fri Jan 25 17:53:10 2008 X-Powered-By: PHP/5.2.5
Fri Jan 25 17:53:10 2008 Content-Encoding: gzip
Fri Jan 25 17:53:10 2008 Vary: Accept-Encoding
Fri Jan 25 17:53:10 2008 Content-Length: 104
Fri Jan 25 17:53:10 2008 Content-type: text/html

很简单的   

  1.先把  <script language="JavaScript" src="../include/js/regions.js"></script>
加到 header.html 页
  2.把 regionss() 函数 加到 /include/tag.php 里
  3.在你网站的根目录建立个  regions.php 文件
  4.在你的模板的适当的地方加入   {$regionss(中华人民共和国)}   即可  

注意：  表单的名字可根据你的需要可以自己修改...


测试页代码：
<html>
<head>
<meta http-equiv="Content-Type" c />
<title>php+ajax动态生成下拉菜单</title>
<script language="JavaScript" src="../include/js/regions.js"></script>
</head>
<body>
<form name="form1" method="post" action="">
<tr><td>{$regionss(中华人民共和国)}</td></tr>
</form>
</body>
</html>

regionss 函数代码：
//省市地3级联动下拉菜单函数 regionss 省.市.地  
function regionss($country="中华人民共和国")
{      
        global $db; $i = 1;
        $text="<select id=\"select1\" name=\"select1\" onchange=\"startRequest()\" style=\"width:90px;\"><option value=\"\">省/市/自治区</option>\n";
      
        $result = $db->query("SELECT province FROM ".TABLE_PROVINCE." WHERE country='$country' ORDER BY provinceid");
        while($r = $db->fetch_array($result))
         {
  $text .= "<option value=".$r['province'].">".$r['province']."</option> ";
  $i++;
         }
        $text.="</select>";
        $text.=" <select id=\"select2\" name=\"select2\" onchange=\"startRequesta()\" style=\"width:90px;\"><option value=\"\">市/县/区</option></select>\n";
        $text.="<select id=\"select3\" name=\"select3\" style=\"width:90px;\"><option value=\"\">县级市/县</option></select>\n";   
        return $text;
                        
}

regions.js 的代码：

//var ab = new Array();
var xmlHttp;
var xmlHttpa;
function createXMLHttpRequest() {
    if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }  
    else if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }
}
function createXMLHttpRequesta() {
    if (window.ActiveXObject) {
        xmlHttpa = new ActiveXObject("Microsoft.XMLHTTP");
    }  
    else if (window.XMLHttpRequest) {
        xmlHttpa = new XMLHttpRequest();
    }
}  
   
function startRequest() {
    createXMLHttpRequest();
    createXMLHttpRequesta();
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttpa.onreadystatechange = handleStateChangearea;
    document.getElementById('select2').options.length = 0;
    document.getElementById('select3').options.length = 0;
    var url = document.form1.select1.value;
    var qurl = "/regions.php?province="+url+"&time="+new Date().getTime();
    xmlHttp.open("GET", qurl, true);
    xmlHttp.send(null);
    //setTimeout("startRequest()",2000);
}
     
function handleStateChange() {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
         var obj = document.getElementById('select2'); //将服务器返回的字符串写到页面中ID为select2的区域   
            obja = document.getElementById('select3'); //将服务器返回的字符串写到页面中ID为select3的区域   
            eval(xmlHttp.responseText);   
        
        }
    }
}
function handleStateChangearea() {         
            eval(xmlHttpa.responseText);         
}
//var ab = new Array();

function startRequesta() {
    createXMLHttpRequesta();
    xmlHttpa.onreadystatechange = handleStateChangea;
    document.getElementById('select3').options.length = 0;
    var url = document.form1.select2.value;
    var qurl = "/regions.php?city="+url+"&time="+new Date().getTime();
    xmlHttpa.open("GET", qurl, true);
    xmlHttpa.send(null);
    //setTimeout("startRequest()",2000);
}

function handleStateChangea() {
    if(xmlHttpa.readyState == 4) {
        if(xmlHttpa.status == 200) {
         var obja = document.getElementById('select3');
            eval(xmlHttpa.responseText);  
        //将服务器返回的字符串写到页面中ID为select3的区域
            
        }
    }
}

数据岛 regions.php 页面代码

<?php
require "common.php";
$city = $city ? $city : "";
$area = $area ? $area : "";
if($province && $city==''){
  global $db; $i = 1;
  
  $result = $db->query("SELECT DISTINCT city FROM ".TABLE_CITY." WHERE province='$province' ORDER BY cityid");
  while($r = $db->fetch_array($result))
    {
       $r[city]=iconv('gb2312','UTF-8',$r[city]);
echo "obj.options[obj.options.length] = new Option('".$r[city]."','".$r[city]."');\n";
$i++;
    }
  $resultarea = $db->query("SELECT DISTINCT city FROM ".TABLE_CITY." WHERE province='$province' ORDER BY cityid");
  $r = $db->fetch_array($resultarea);
  $city = $r[city];
  $resulta = $db->query("SELECT DISTINCT area FROM ".TABLE_CITY." WHERE city='$city' ORDER BY cityid");
   while($ra = $db->fetch_array($resulta))
    {
       $ra[area]=iconv('gb2312','UTF-8',$ra[area]);
echo "obja.options[obja.options.length] = new Option('".$ra[area]."','".$ra[area]."');\n";
$i++;
    }


}
if($city && $province==''){
   global $db; $i = 1;
  
   $result = $db->query("SELECT DISTINCT area FROM ".TABLE_CITY." WHERE city='$city' ORDER BY cityid");
   while($r = $db->fetch_array($result))
    {
       $r[area]=iconv('gb2312','UTF-8',$r[area]);
echo "obja.options[obja.options.length] = new Option('".$r[area]."','".$r[area]."');\n";
$i++;
    }
}
?>

地址信息数据库：

     采用的是phpcms3.0里自带的数据库，我没有进行任何改动

本程序可以在phpcms3.0里直接使用，若在其他地方使用请自己修改

//

原创作品

本站原创:www.111cn.net

作者:面条爱兔子 QQ:271728967

注明:转载请说明原出去 http://www.111cn.net

//
现在来讲一下post.php文件了,post.php文件很简单,这个不一定用php可以用很多,只要是服务器脚都可以完成,{个人意见}

header("Content-type:text/html;charset=gb2312");我只说讲这一句了,设置文档编码.

$key =isset($_POST['key'])?$_POST['key']:'';
 $sql ="select title from test where title like '%$key%' order by title desc";
 $result =mysql_query($sql) or die(mysql_error());
  echo"<div id=show >";
 while ($rs =mysql_fetch_array($result) ){
  echo "<li onMouseOver=\"this.style.background='#d7ebff'\" onMouseOut=\"this.style.background='#ffffff'\" onclick=\"javascript:fillin(this.innerHTML);\">".$rs['title']."</li>";
 }
  echo"</div>";

php+ajax实现google搜索功能二[原创].

浏览地址:http://www.111cn.net/test/test.html

//

原创作品

本站原创:www.111cn.net

作者:面条爱兔子 QQ:271728967

注明:转载请说明原出去 http://www.111cn.net

//

现在长沙下着大雪啊,晚上回家也没什么事作,白天在公司写一个BBS完成了一部份,突然昨天听一个网友说如果能实现google效果就好了,今天无聊之下就想了想,觉得这个用ajax做应该不是什么难道了,就试着写了,说句实话我学ajax时间很短,也只懂皮毛了,各位看了后别丢石头了,把钱包丢过来吧,过年没钱用,;)呵呵.好了废话就不多说了下面进行正题.

首先我总体的简介一下,我只用了两个文件了,因为是测试所以就不分那么清楚了,把js文件和html写在一个文件test.html里面了,还有一个就是php文件post.php了,这个文件用来处理ajax发送过来的数进行处理,再由ajax把数据返回给test.html里面的div, 原理不这么简单了,下面我们来看代码.

第一步创建数据表:test

      CREATE TABLE `test` (
    `id` int(4) NOT NULL auto_increment,
    `title` varchar(50) default NULL,
     PRIMARY KEY  (`id`)
     ) ENGINE=InnoDB DEFAULT CHARSET=gb2312 AUTO_INCREMENT=5 ;

好了数据库创建成功了我们就来建立test.html文件,这个文件很简单,就是一个表单和一个div和CSS

<style>
<!--
 body{font-size:12px;}
 #show{border:1px solid #9abcde; line-height:23px; width:200px; margin:0px;}
 #show li{list-style:none;}
 #sug{margin:0px auto;}
-->
</style>

上面为CSS了就是用来控制效果的,

<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
  <form name="form1" method="post" action=""><tr>
    <td>
      <input name="key" type="text" id="key" onFocus="other();" onKeyDown="sugguest();"  onBlur="losefouse();"  size="27" autocomplete=off >
      <input type="submit" name="Submit" value="111cn搜索">
    </td>
  </tr></form>
  <tr>
    <td><div id="sug" onClick="javascript:func();"></div></td>
  </tr>
</table>

这上面为内容了,关于函数我们下面来具体的说明.

第二步:就是js和xmlhttp的处理和调用了.

创建xmlhttp,这个函数我上次讲ajax+php模仿window文件管理器时讲过了,在用户注册也讲过了,这里不不说了,具体地址请到:

 

var xmlHttp = false;
function ajaxcreate(){
try {xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
 } catch (e) {
try {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 } catch (e2) {
  xmlHttp = false;
 }
 }
if (!xmlHttp && typeof XMLHttpRequest != \\\'undefined\\\') {
  xmlHttp = new XMLHttpRequest();
 }
if(!xmlHttp){alert(\\\'Create Xmlhttp Fail \\\');return false;}
}

下面这个函数sugguest()作用是取得key的值并发送给post文件进行处理,再调用returnstate()函数

function sugguest(){
 ajaxcreate();
 var xmvalue=document.getElementById("key").value;
 var url="post.php?key="+encodeURI(xmvalue)+"rnd="+Math.random();
 if (xmvalue== null || xmvalue.length>20 || xmvalue == "") return false;
 xmlHttp.open("POST",url,true); 
 xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 xmlHttp.send(xmvalue); 
 xmlHttp.onreadystatechange=returnstate; 
}

下面returnstate()函数是判断xmlhttp的状态是否等4,4表示发送成功,其实还一个200表示接收完毕

function returnstate(){
 if(xmlHttp.readyState != 4 ){
  document.getElementById("sug").innerHTML="plase wait....";
 }
 if(xmlHttp.readyState == 4 ){
  document.getElementById("sug").innerHTML=xmlHttp.responseText;
 }
}

后面这些函数就是一些基本的处理我就不讲了,

function fillin(str){
 document.getElementById(\\\'key\\\').value=str;
 obj =document.getElementById(\\\'sug\\\');
 obj.innerHTML=\\\'\\\';
 obj.style.display=\\\'none\\\';
}
function other(){
 document.getElementById(\\\'sug\\\').style.display=\\\'block\\\';
}

function losefouse(){
 setInterval("func()",4000);
 var time=setInterval("func()",1000);  
 clearTimeout(time);

}

function func(){
  ob=document.getElementById(\\\'sug\\\');
    ob.style.display = \\\'none\\\'; 
 }

最后面就是post.php文件了,接着下一篇了.

php+ajax实现google搜索功能二[原创]

效果浏览地址:http://www.111cn.net/test/test.html

 

 

调用
<?php
/**
 * 新浪博客编辑器PHP版封装类调用方法
 *
 */
header(\'Content-Type:text/html;Charset=utf-8;\');
include_once(\'sinaEditor.class.php\');
extract($_POST);
extract($_GET);
unset($_POST,$_GET);
$act==\'subok\' && die("提交的内容是：<br>".htmlspecialchars($gently_editor));
$editor=new sinaEditor(\'gently_editor\');
$editor->Value=\'<h2>这个是一个测试！</h2><br>
我的博客:<a href="111cn.net\';
$editor->BasePath=\'.\';
$editor->Height=500;
$editor->Width=700;
$editor->AutoSave=false;//是否自动保存！！
?>
<form name="form1" id="form1" method="post" action="index.php?act=subok">
<?
    $editor->Create();
?>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>

效果图

下载地址:点击下载

 

 

[!--infotagslink--]

相关文章