天天看点

网站提速-页面静态化(2)第一篇、页面静态化

<b>页面静态化概念</b><b></b>

<b></b>

我们大多数情况下是直接访问php文件,php脚本在服务器端执行并

返回信息,对于一些大型的网站,访问量很大,频繁的动态操作和操作

数据库会加重服务器的负担.在实际开发中,通常使用缓存技术()或者页面静态化来解决

<b>页面静态化分为</b><b>:</b>

① 真静态 :把 php-&gt;html 访问时就不操作数据库

② 伪静态:只是把网址静态 (访问数据库)

<b>Apache/bin/ab</b><b>压力测试工具</b><b></b>

介绍压力测试工具是为了显示动态页面和静态页面在大访问量的情况下的相应时间,如apache/bin/ab.exe 程序可以来做效率测试

基本使用:

ab [options] [http[s]://]hostname[:port]/path

options是选项:

-n  执行访问次数

-c  用户并发数量

Apache2.2之后的版本有ab压力测试工具可以直接使用

表示10个用户发送1000次请求

我们可以在htdocs中建立内容相同的index.html和index.php页面

测试:/usr/local/apache2/bin/ab –c 10 –n 1000 http://192.168.211.128/index.html

<a href="http://img1.51cto.com/attachment/201208/103658596.png"></a>

<a target="_blank" href="http://blog.51cto.com/attachment/201210/002412734.gif"></a>

/usr/local/apache2/bin/ab –c 10 –n 1000 http://192.168.211.128/index.php

<a href="http://img1.51cto.com/attachment/201208/103711333.png"></a>

<a target="_blank" href="http://blog.51cto.com/attachment/201210/002456166.gif"></a>

可以看到html的速度要明显快于php页面。

<b>使用</b><b>php</b><b>缓存机制完成页面静态化</b><b></b>

我们可以使用php自带的缓存机制来完成页面静态化,但在这里我要

说明一点,仅靠php自身的缓存机制并不能完美的解决页面静态化,

往往需要和其它静态化技术(通常是伪静态技术)结合使用,

例子:当访问一个页面时,先判断是否存在缓存,如果存在,则直接输出缓存文件中的内容。否则,则先查询数据库,获得数据,然后生成缓存文件。

<b>搭建</b><b>wamp</b><b>环境</b><b></b>

我们使用appserver搭建:

搭建过程安装apache,安装mysql,安装php,它会集成phpMyAdmin等软件然后可以直接使用了,它的网站目录在appserver的www目录。

<a target="_blank" href="http://blog.51cto.com/attachment/201210/002508932.gif"></a>

为了是环境支持php缓存,要修改c:\windows\php.ini

Display_errors=on

Output_buffering=on  //可以会影响执行正常网站程序效率

例如我们做一个新闻模块的页面,如果页面对实时性要求不高,并且比较稳定,当第一个用户访问新闻页面后,我们可以使用ob缓存机制,把内容缓存到html页面,下次使用直接调用即可。

<a target="_blank" href="http://blog.51cto.com/attachment/201210/002522847.gif"></a>

我们建立一个新闻页面后还要建立测试数据库。

Create table news(id int primary key auto_increment,title varchar(128)) not null ,content varchar(256) not null,filename varchar(32));

Insert into news(title,content)  values("hello","早上好");

<a target="_blank" href="http://blog.51cto.com/attachment/201210/002533117.gif"></a>

<b>News_list.php   //</b><b>新闻首页</b><b></b>

&lt;?php

 //查询新闻列表

// mysql_query('set name utf8');

 $conn=mysql_connect("localhost","root","5991461");

   if(!$conn){

     die("连接失败");

        }

        mysql_select_db("test",$conn);

        $sql="select * from news";

        $res=mysql_query($sql);

 header("content-type:text/html;charset=utf-8");

 echo "&lt;h1&gt;news list:";

 echo "&lt;a href='#'&gt;add news&lt;/a&gt;&lt;hr/&gt;";

 echo "&lt;table&gt;";

 echo "&lt;tr&gt;&lt;td&gt;id&lt;/td&gt;&lt;td&gt;title&lt;/td&gt;&lt;td&gt;content&lt;/td&gt;&lt;/tr&gt;";

 while ($row=mysql_fetch_assoc($res)){

 echo "&lt;tr&gt;&lt;td&gt;{$row['id']}&lt;/td&gt;&lt;td&gt;{$row['title']}&lt;/td&gt;&lt;td&gt;&lt;a href='show_news.php?id={$row['id']}'&gt;detail&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;";

 }

 echo "&lt;/table&gt;";

 //关闭连接

 mysql_free_result($res);

 mysql_close($conn);

 ?&gt;

<a target="_blank" href="http://blog.51cto.com/attachment/201210/002546602.gif"></a>

<b>Show_News.php  //</b><b>显示新闻页</b><b></b>

//接收id

 //$id=@$_GET['id'];

        $sql="select * from news where id=$id";

        //开启缓存

        ob_start();

        if ($row=mysql_fetch_assoc($res)){

header("content-type:text/html;charset=utf-8");

echo "&lt;table border='1px' bordercolor='green' cellspacing='0'

width=400px heigh=300px &gt;";

echo "&lt;tr&gt;&lt;td&gt;detail&lt;/td&gt;&lt;/tr&gt;";

echo "&lt;tr&gt;&lt;td&gt;{$row['title']}&lt;/td&gt;&lt;/tr&gt;";

echo "&lt;tr&gt;&lt;td&gt;{$row['content']}&lt;/td&gt;&lt;/tr&gt;";

echo "&lt;/table&gt;";

}

else{

 echo "not found!";

//构建一个文件名

$html_content=ob_get_contents();

//把ob-》$html_filename(必要时要考虑路径)

$html_filename="news_id".$id.".html";

file_put_contents($html_filename,$html_content);

?&gt;

<a target="_blank" href="http://blog.51cto.com/attachment/201210/002610425.gif"></a>

因为开启了ob缓存,我们会看到生成了news_id2.htm的静态页,我们使用静态页来访问会发现内容和动态页一样的。

<a target="_blank" href="http://blog.51cto.com/attachment/201210/002822663.gif"></a>

if(file_exists($html_filename)){

 //存在就直接访问

 echo "static pager";

 echo file_get_contents($html_filename);

 exit;

 }   //加入开头,如果静态页面存在,就直接跳转到静态页,否则才调用数据库。

<a target="_blank" href="http://blog.51cto.com/attachment/201210/002915181.gif"></a>

但是ob缓存方式有个缺点,如果数据库更新了页面不会自动更新:解决办法,我们可以设置一个时间来判断静态页面是否过期,如过期则重新创建。

 $html_filename="news_id".$id.".html";

 if(file_exists($html_filename)&amp;&amp;filemtime($html_filename)+30&gt;time()){

例如我们做一个数据库更新:

Update news set content=“good evening” where id=1;

然后比较使用了时间戳前后页面的变化。

<a target="_blank" href="http://blog.51cto.com/attachment/201210/002930646.gif"></a>

使用前:

<a target="_blank" href="http://blog.51cto.com/attachment/201210/002942311.gif"></a>

加入代码后文件就会自动更新了

<b>Ob</b><b>缓存的改进:</b><b></b>

1/实时性不够好,30秒延时。

2/页面仍然带php的痕迹,show_news.php?id={$row['id']}。

当我们添加新的内容的时候,就同步生成一个静态文件。

<b>Add_news.html  //</b><b>添加新闻的页面</b><b></b>

&lt;html&gt;

&lt;head&gt;

&lt;title&gt;新闻标题&lt;/title&gt;

&lt;/head&gt;

&lt;!--我们提交一个添加页面时,便会调用模板生成一个静态页面--&gt;

&lt;form action="newsAction.php" method="post"&gt;

&lt;table&gt;

&lt;tr&gt;&lt;td&gt;新闻标题&lt;/td&gt;&lt;td&gt;&lt;input type="test" name="title"/&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;tr&gt;&lt;td&gt;新闻内容&lt;/td&gt;&lt;td&gt;&lt;textarea cols="50" rows="10" name="content"&gt;

&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;tr&gt;&lt;td&gt;&lt;input type="submit" value="添加"/&gt;&lt;/td&gt;&lt;td&gt;&lt;input

type="reset" value="重新填写"/&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;/table&gt;

&lt;/form&gt;

&lt;/html&gt;

<a target="_blank" href="http://blog.51cto.com/attachment/201210/003010371.gif"></a>

 然后给add news 赋予超链接即可完成跳转:

echo "&lt;a href='add_news.html'&gt;add news&lt;/a&gt;&lt;hr/&gt;";

<a target="_blank" href="http://blog.51cto.com/attachment/201210/003023237.gif"></a>

<b>newsAction.php    //</b><b>建立一个自动相应页</b><b></b>

//页面完成添加,放入数据库的同时建立html页面

$oper=$_POST['oper'];

if($oper=="add"){

//接收title,content

  $title=$_POST['title'];

  $content=$_POST['content'];

        $sql="insert into news(title,content) values('$title','$content')";

       if(mysql_query($sql,$conn)){

       //获取刚刚插入的数据id号

       $id=mysql_insert_id();

       //建立文件名

       $html_filename="news_id".$id.".html";

       echo "filename=".$html_filename;

       }

        //关闭连接

然后我们要做的是生成静态页面。定义一个函数replace,然后传递,断开连接即可。

//替换,$title代替%title%

header("content-type:text/html;charset=gbk");

       function replace($row,$title,$content){

       $row=str_replace("%title%",$title,$row);

       $row=str_replace("%content%",$content,$row);

       return $row;

$oper=$_REQUEST['oper'];

       //echo "filename=".$html_filename;

       $fp_tmp=fopen("template.tpl","r");

       $fp_html_file=fopen($html_filename,"w+");

       //读取template文件转化为html文件

       while(!feof($fp_tmp)) { //如果没到结尾

       //读取一行

       $row=fgets($fp_tmp);

       //替换

       $new_row=replace($row,$title,$content);

       "fwrite($fp_hmtl_file,$new_row)";

       //关闭文件

       fclose($fp_tmp);

       fclose($fp_html_file);

       echo "insert success&lt;a href='news_list.php'&gt;return&lt;/a&gt;";

这时我们修改,news_list.php,添加静态页面连接。

 echo "&lt;tr&gt;&lt;td&gt;{$row['id']}&lt;/td&gt;&lt;td&gt;{$row['title']}&lt;/td&gt;&lt;td&gt;&lt;a href='news_id{$row['id']}.html'&gt;detail&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;";

<b>页面静态化</b><b>(</b><b>真静态</b><b>)</b><b>的优点和缺点</b><b> </b>

html静态页(真静态)的好处有三点;一是减少服务器对数据响应的负荷,二是加载不用调动数据库,响应速度快。三是便于优化引擎。

缺点也有几点:一是空间占用比较大。二是生成的文件多了,服务器对html文件的响应负担也较重。

本文转自zsaisai 51CTO博客,原文链接:http://blog.51cto.com/3402313/1032798