我們可以把頁面內(nèi)容分成幾塊，異步并發(fā)請求加載，當任何一塊內(nèi)容加載成功后即時顯示，而不需要等待其他分塊的內(nèi)容加載。
這樣只要有任何一塊內(nèi)容加載成功，用戶都可以馬上看到，提升用戶體驗。

因此頁面中只需要保留js內(nèi)容，使用ajax請求api加載內(nèi)容顯示。

 !-- 分塊1 -- p id= result1 /p script type= text/javascript $(function() { $.get( api.php?id=1 , {}, function(ret) { $( #result1 ).html(ret[ html ]); }, json }); /script !-- 分塊2 -- p id= result2 /p script type= text/javascript $(function() { $.get( api.php?id=2 , {}, function(ret) { $( #result2 ).html(ret[ html ]); }, json }); /script !-- 分塊3 -- p id= result3 /p script type= text/javascript $(function() { $.get( api.php?id=3 , {}, function(ret) { $( #result3 ).html(ret[ html ]); }, json }); /script ...

異步并發(fā)加載內(nèi)容，可以大大加快頁面輸出速度。

如果使用異步并發(fā)加載方式輸出頁面，對于搜索引擎不友好，搜索引擎會采集不到內(nèi)容，因為內(nèi)容都是使用ajax加載。

因此我們需要判斷如果是搜索引擎機器人訪問時，則直接輸出頁面內(nèi)容，而不使用異步并發(fā)輸出頁面。

判斷是否搜索引擎機器人訪問方法

 ?php// 判斷是否搜索引擎機器人訪問function isRobot() {  $agent= strtolower(isset($_SERVER[ HTTP_USER_AGENT ])? $_SERVER[ HTTP_USER_AGENT ] :  if(!empty($agent)){  $spiderSite= array(  TencentTraveler ,  Baiduspider+ ,  BaiduGame ,  Googlebot ,  msnbot ,  Sosospider+ ,  Sogou web spider ,  ia_archiver ,  Yahoo! Slurp ,  YoudaoBot ,  Yahoo Slurp ,  MSNBot ,  Java (Often spam bot) ,  BaiDuSpider ,  Voila ,  Yandex bot ,  BSpider ,  twiceler ,  Sogou Spider ,  Speedy Spider ,  Google AdSense ,  Heritrix ,  Python-urllib ,  Alexa (IA Archiver) ,  Ask ,  Exabot ,  Custo ,  OutfoxBot/YodaoBot ,  yacy ,  SurveyBot ,  legs ,  lwp-trivial ,  Nutch ,  StackRambler ,  The web archive (IA Archiver) ,  Perl tool ,  MJ12bot ,  Netcraft ,  MSIECrawler ,  WGet tools ,  larbin ,  Fish search ,  foreach($spiderSite as $val){  $str = strtolower($val);  if(strpos($agent, $str) !== false){  return true;  } return false; ? 

index.php 用于被訪問

 ?phprequire server.php // 獲取內(nèi)容$data1 = getData(1);$data2 = getData(2);$data3 = getData(3);// 調(diào)用模版include dirname(__FILE__). /template.php ? 

template.php 頁面模版內(nèi)容

 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd html  head  meta http-equiv= content-type content= text/html;charset=utf-8  script src= jquery-1.11.0.min.js /script  title 內(nèi)容模版 /title  /head  body  ?php echo $data1; ?  ?php echo $data2; ?  ?php echo $data3; ?  /body /html 

server.php 獲取內(nèi)容主要方法

 ?php//獲取數(shù)據(jù)，正常情況應(yīng)該讀取db，演示只用數(shù)組代替function getData($id){ // 數(shù)據(jù) $data = array( 1 = 很久很久以前，在某個地方，有個很可愛的女孩。不幸的是，她父母雙亡，而且家徒四壁，屋里除了一張可供歇息的床以外，就別無長物了。除此之外，她全身上下只剩下身上所穿的衣裳，還有一片好心人施舍給她有面包而已。這個小姑娘，是個心地善良、信心堅定的好女孩。不論境遇有多么凄慘不幸，她仍然深信，慈愛的上帝會默默地庇護著她。 , 2 = 有一天，她只身上原野上去玩。她走著走著，忽然遇到一個衣衫襤褸的男子。他向女孩哀求道：“求求你!施舍一點東西給我這個可伶人吧!我實在是餓得快要受不了了啊!”聽到這話，女孩便把自己僅有的那片面包拿出來，說道：“這是上帝的恩 典喔!”說完后， 女孩就繼續(xù)上路了。走了一會兒，路旁突然出現(xiàn)了一個啼泣不已的男孩。“鳴——我的頭好冷呀!就快凍僵了……你能不能施舍一點可以讓我擋風(fēng)的東西啊！”女孩便把自己頭上那頂帽子脫了下來， 為男孩戴上。走了不久，她又碰到一個小孩。那孩子沒有穿棉背心，冷得直打哆嗦。于是，好心的女孩便把自己的背心送給那個小孩。她繼續(xù)往前走，突然又遇見另一個小孩。她再次答應(yīng)對方的乞求，把上衣施舍給他。女孩再往前走，走進森林里。林深日盡，四周一下子變暗了起來。這時，又出現(xiàn)一個可憐的小男孩， 央求女孩把內(nèi)衣脫給她。這個時候，虔誠又善良的女孩想：“現(xiàn)在天色已經(jīng)暗下來了，任誰也看不清楚我的模樣，就算脫掉內(nèi)衣，應(yīng)該無所謂吧！”因此，女孩脫下了內(nèi)衣，送給乞討的女孩。 , 3 = 這個時候的女孩，真的是渾身赤裸、再無他物了。忽然間，天上閃爍的星星紛紛墜落，落在女孩的面前。天啊!它們都化成了閃亮耀眼的金幣——貨真價實的金幣!而原先一絲不掛的孩，不知什么時候，竟裹上了一套細致、上等的亞麻衫!于是，這個好心的女孩，把金幣撿回家，從此過著富足、快樂的生活。  ); $ret = // 判斷是否搜索引擎機器人 $is_robot = isRobot(); // 搜索引擎機器人訪問 if($is_robot || defined( FORCE_SYNC_RESPONSE ) FORCE_SYNC_RESPONSE==true){ $ret .= p .$data[$id]. /p .PHP_EOL; // 普通用戶訪問，異步請求 }else{ $ret = p id= result .$id. /p  script type= text/javascript  $(function() { $.get( api.php?id= .$id. , {}, function(ret) { $( #result .$id. ).html(ret[ html ]); }, json  /script .PHP_EOL.PHP_EOL; } return $ret;}// 判斷是否搜索引擎機器人訪問function isRobot() {  $agent= strtolower(isset($_SERVER[ HTTP_USER_AGENT ])? $_SERVER[ HTTP_USER_AGENT ] :  if(!empty($agent)){  $spiderSite= array(  TencentTraveler ,  Baiduspider+ ,  BaiduGame ,  Googlebot ,  msnbot ,  Sosospider+ ,  Sogou web spider ,  ia_archiver ,  Yahoo! Slurp ,  YoudaoBot ,  Yahoo Slurp ,  MSNBot ,  Java (Often spam bot) ,  BaiDuSpider ,  Voila ,  Yandex bot ,  BSpider ,  twiceler ,  Sogou Spider ,  Speedy Spider ,  Google AdSense ,  Heritrix ,  Python-urllib ,  Alexa (IA Archiver) ,  Ask ,  Exabot ,  Custo ,  OutfoxBot/YodaoBot ,  yacy ,  SurveyBot ,  legs ,  lwp-trivial ,  Nutch ,  StackRambler ,  The web archive (IA Archiver) ,  Perl tool ,  MJ12bot ,  Netcraft ,  MSIECrawler ,  WGet tools ,  larbin ,  Fish search ,  foreach($spiderSite as $val){  $str = strtolower($val);  if(strpos($agent, $str) !== false){  return true;  } return false; ? 

api.php 異步請求使用的api接口

 ?phpdefine( FORCE_SYNC_RESPONSE , true); // 強制同步輸出require server.php // 獲取分塊內(nèi)容$id = isset($_GET[ id ])? $_GET[ id ] : 1;$data = getData($id);// 輸出header( content-type:application/json;charset=utf8 $ret = json_encode( array( html = $data);echo $ret;? 

 ?php$url = http://localhost/index.php // 訪問index.php$header = array();$data = doCurl($url, array(), $header);echo meta http-equiv= content-type content= text/html;charset=utf-8 echo xmp echo $data;echo /xmp /** * curl請求 * @param String $url 請求地址 * @param Array $data 請求參數(shù) * @param Array $header 請求header * @param Int $timeout 超時時間 * @return String */function doCurl($url, $data=array(), $header=array(), $timeout=30){  $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_HTTPHEADER, $header); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true); curl_setopt($ch, CURLOPT_TIMEOUT, $timeout); $response = curl_exec($ch);  if($error=curl_error($ch)){  die($error); curl_close($ch);  return $response;? 

輸出頁面內(nèi)容

 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd html  head  meta http-equiv= content-type content= text/html;charset=utf-8  script src= jquery-1.11.0.min.js /script  title 內(nèi)容模版 /title  /head  body  p id= result1 /p  script type= text/javascript  $(function() { $.get( api.php?id=1 , {}, function(ret) { $( #result1 ).html(ret[ html ]); }, json  }); /script  p id= result2 /p  script type= text/javascript  $(function() { $.get( api.php?id=2 , {}, function(ret) { $( #result2 ).html(ret[ html ]); }, json  }); /script  p id= result3 /p  script type= text/javascript  $(function() { $.get( api.php?id=3 , {}, function(ret) { $( #result3 ).html(ret[ html ]); }, json  }); /script  /body /html 

使用了異步并發(fā)加載，提高頁面輸出速度。

 ?php$url = http://localhost/index.php // 訪問index.php$header = array( user-agent: Googlebot // 加入搜索引擎關(guān)鍵字);$data = doCurl($url, array(), $header);echo meta http-equiv= content-type content= text/html;charset=utf-8 echo xmp echo $data;echo /xmp /** * curl請求 * @param String $url 請求地址 * @param Array $data 請求參數(shù) * @param Array $header 請求header * @param Int $timeout 超時時間 * @return String */function doCurl($url, $data=array(), $header=array(), $timeout=30){  $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_HTTPHEADER, $header); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true); curl_setopt($ch, CURLOPT_TIMEOUT, $timeout); $response = curl_exec($ch);  if($error=curl_error($ch)){  die($error); curl_close($ch);  return $response;? 

輸出頁面內(nèi)容

 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd html  head  meta http-equiv= content-type content= text/html;charset=utf-8  script src= jquery-1.11.0.min.js /script  title 內(nèi)容模版 /title  /head  body  p 很久很久以前，在某個地方，有個很可愛的女孩。不幸的是，她父母雙亡，而且家徒四壁，屋里除了一張可供歇息的床以外，就別無長物了。除此之外，她全身上下只剩下身上所穿的衣裳，還有一片好心人施舍給她有面包而已。這個小姑娘，是個心地善良、信心堅定的好女孩。不論境遇有多么凄慘不幸，她仍然深信，慈愛的上帝會默默地庇護著她。 /p  p 有一天，她只身上原野上去玩。她走著走著，忽然遇到一個衣衫襤褸的男子。他向女孩哀求道：“求求你!施舍一點東西給我這個可伶人吧!我實在是餓得快要受不了了啊!”聽到這話，女孩便把自己僅有的那片面包拿出來，說道：“這是上帝的恩 典喔!”說完后， 女孩就繼續(xù)上路了。走了一會兒，路旁突然出現(xiàn)了一個啼泣不已的男孩。“鳴——我的頭好冷呀!就快凍僵了……你能不能施舍一點可以讓我擋風(fēng)的東西啊！”女孩便把自己頭上那頂帽子脫了下來， 為男孩戴上。走了不久，她又碰到一個小孩。那孩子沒有穿棉背心，冷得直打哆嗦。于是，好心的女孩便把自己的背心送給那個小孩。她繼續(xù)往前走，突然又遇見另一個小孩。她再次答應(yīng)對方的乞求，把上衣施舍給他。女孩再往前走，走進森林里。林深日盡，四周一下子變暗了起來。這時，又出現(xiàn)一個可憐的小男孩， 央求女孩把內(nèi)衣脫給她。這個時候，虔誠又善良的女孩想：“現(xiàn)在天色已經(jīng)暗下來了，任誰也看不清楚我的模樣，就算脫掉內(nèi)衣，應(yīng)該無所謂吧！”因此，女孩脫下了內(nèi)衣，送給乞討的女孩。 /p  p 這個時候的女孩，真的是渾身赤裸、再無他物了。忽然間，天上閃爍的星星紛紛墜落，落在女孩的面前。天啊!它們都化成了閃亮耀眼的金幣——貨真價實的金幣!而原先一絲不掛的孩，不知什么時候，竟裹上了一套細致、上等的亞麻衫!于是，這個好心的女孩，把金幣撿回家，從此過著富足、快樂的生活。 /p  /body /html 

頁面內(nèi)容直接輸出，對搜索引擎友好。
本文講解了兼容搜索引擎機器人訪問的實例，更多相關(guān)內(nèi)容請關(guān)注php 。

相關(guān)推薦：

通過php 調(diào)用ffmpeg來獲取視頻信息

通過mysql 判斷點是否在指定多邊形區(qū)域內(nèi)

通過php 中的imagemagick來實現(xiàn)老照片效果

以上就是關(guān)于php 優(yōu)化頁面輸出，兼容搜索引擎機器人訪問的實例的講解的詳細內(nèi)容，PHP教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。