我們可以把頁面內容分成幾塊，異步并發請求加載，當任何一塊內容加載成功后即時顯示，而不需要等待其他分塊的內容加載。
這樣只要有任何一塊內容加載成功，用戶都可以馬上看到，提升用戶體驗。
因此頁面中只需要保留js內容，使用ajax請求api加載內容顯示。
!-- 分塊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 ...
異步并發加載內容，可以大大加快頁面輸出速度。
如果使用異步并發加載方式輸出頁面，對于搜索引擎不友好，搜索引擎會采集不到內容，因為內容都是使用ajax加載。
因此我們需要判斷如果是搜索引擎機器人訪問時，則直接輸出頁面內容，而不使用異步并發輸出頁面。
判斷是否搜索引擎機器人訪問方法
?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 // 獲取內容$data1 = getData(1);$data2 = getData(2);$data3 = getData(3);// 調用模版include dirname(__FILE__). /template.php ?
template.php 頁面模版內容
!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 內容模版 /title /head body ?php echo $data1; ? ?php echo $data2; ? ?php echo $data3; ? /body /html
server.php 獲取內容主要方法
?php//獲取數據，正常情況應該讀取db，演示只用數組代替function getData($id){ // 數據 $data = array( 1 = 很久很久以前，在某個地方，有個很可愛的女孩。不幸的是，她父母雙亡，而且家徒四壁，屋里除了一張可供歇息的床以外，就別無長物了。除此之外，她全身上下只剩下身上所穿的衣裳，還有一片好心人施舍給她有面包而已。這個小姑娘，是個心地善良、信心堅定的好女孩。不論境遇有多么凄慘不幸，她仍然深信，慈愛的上帝會默默地庇護著她。 , 2 = 有一天，她只身上原野上去玩。她走著走著，忽然遇到一個衣衫襤褸的男子。他向女孩哀求道：“求求你!施舍一點東西給我這個可伶人吧!我實在是餓得快要受不了了啊!”聽到這話，女孩便把自己僅有的那片面包拿出來，說道：“這是上帝的恩 典喔!”說完后， 女孩就繼續上路了。走了一會兒，路旁突然出現了一個啼泣不已的男孩?！傍Q——我的頭好冷呀!就快凍僵了……你能不能施舍一點可以讓我擋風的東西啊！”女孩便把自己頭上那頂帽子脫了下來， 為男孩戴上。走了不久，她又碰到一個小孩。那孩子沒有穿棉背心，冷得直打哆嗦。于是，好心的女孩便把自己的背心送給那個小孩。她繼續往前走，突然又遇見另一個小孩。她再次答應對方的乞求，把上衣施舍給他。女孩再往前走，走進森林里。林深日盡，四周一下子變暗了起來。這時，又出現一個可憐的小男孩， 央求女孩把內衣脫給她。這個時候，虔誠又善良的女孩想：“現在天色已經暗下來了，任誰也看不清楚我的模樣，就算脫掉內衣，應該無所謂吧！”因此，女孩脫下了內衣，送給乞討的女孩。 , 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 // 獲取分塊內容$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 請求參數 * @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;? 輸出頁面內容
!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 內容模版 /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 使用了異步并發加載，提高頁面輸出速度。
?php$url = http://localhost/index.php // 訪問index.php$header = array( user-agent: Googlebot // 加入搜索引擎關鍵字);$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 請求參數 * @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;? 輸出頁面內容
!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 內容模版 /title /head body p 很久很久以前，在某個地方，有個很可愛的女孩。不幸的是，她父母雙亡，而且家徒四壁，屋里除了一張可供歇息的床以外，就別無長物了。除此之外，她全身上下只剩下身上所穿的衣裳，還有一片好心人施舍給她有面包而已。這個小姑娘，是個心地善良、信心堅定的好女孩。不論境遇有多么凄慘不幸，她仍然深信，慈愛的上帝會默默地庇護著她。 /p p 有一天，她只身上原野上去玩。她走著走著，忽然遇到一個衣衫襤褸的男子。他向女孩哀求道：“求求你!施舍一點東西給我這個可伶人吧!我實在是餓得快要受不了了啊!”聽到這話，女孩便把自己僅有的那片面包拿出來，說道：“這是上帝的恩 典喔!”說完后， 女孩就繼續上路了。走了一會兒，路旁突然出現了一個啼泣不已的男孩。“鳴——我的頭好冷呀!就快凍僵了……你能不能施舍一點可以讓我擋風的東西??！”女孩便把自己頭上那頂帽子脫了下來， 為男孩戴上。走了不久，她又碰到一個小孩。那孩子沒有穿棉背心，冷得直打哆嗦。于是，好心的女孩便把自己的背心送給那個小孩。她繼續往前走，突然又遇見另一個小孩。她再次答應對方的乞求，把上衣施舍給他。女孩再往前走，走進森林里。林深日盡，四周一下子變暗了起來。這時，又出現一個可憐的小男孩， 央求女孩把內衣脫給她。這個時候，虔誠又善良的女孩想：“現在天色已經暗下來了，任誰也看不清楚我的模樣，就算脫掉內衣，應該無所謂吧！”因此，女孩脫下了內衣，送給乞討的女孩。 /p p 這個時候的女孩，真的是渾身赤裸、再無他物了。忽然間，天上閃爍的星星紛紛墜落，落在女孩的面前。天啊!它們都化成了閃亮耀眼的金幣——貨真價實的金幣!而原先一絲不掛的孩，不知什么時候，竟裹上了一套細致、上等的亞麻衫!于是，這個好心的女孩，把金幣撿回家，從此過著富足、快樂的生活。 /p /body /html
頁面內容直接輸出，對搜索引擎友好。
本文講解了兼容搜索引擎機器人訪問的實例，更多相關內容請關注php 。
相關推薦：
通過php 調用ffmpeg來獲取視頻信息
通過mysql 判斷點是否在指定多邊形區域內
通過php 中的imagemagick來實現老照片效果
以上就是關于php 優化頁面輸出，兼容搜索引擎機器人訪問的實例的講解的詳細內容，PHP教程
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
新聞熱點
疑難解答
