如果大家有使用百度站長(zhǎng)工具，一定會(huì)發(fā)覺近來多了一個(gè)工具欄-移動(dòng)專區(qū)目錄加了一個(gè)-MIP引入。

什么是百度MIP？
MIP 英文全稱Mobile Instant Page 即：移動(dòng)網(wǎng)頁加速器，是一套應(yīng)用于移動(dòng)網(wǎng)頁的開放性技術(shù)標(biāo)準(zhǔn)。通過提供MIP-HTML規(guī)范、MIP-JS運(yùn)行環(huán)境以及MIP-Cache頁面緩存系統(tǒng)，實(shí)現(xiàn)移動(dòng)網(wǎng)頁加速。其是一項(xiàng)長(zhǎng)期的開源計(jì)劃。
百度MIP加速原理
主要通過規(guī)范頁面結(jié)構(gòu)，如不允許自定義JS、靜態(tài)圖片需要標(biāo)明尺寸、控制外部資源的額加載來確保其高效性、封裝交互功能、只允許用 transforms 和 opacity 來完成動(dòng)畫效果。最后就是百度將會(huì)把 MIP 網(wǎng)頁緩存到百度 CDN 中。只要符合 MIP 標(biāo)準(zhǔn)，都可以使用 MIP 緩存。
百度MIP頭部使用規(guī)范
起始標(biāo)簽使用
html 標(biāo)簽必須加上 mip 標(biāo)記，即:

必須包含和標(biāo)簽
必須在 head 標(biāo)簽中包含字符集聲明:，字符集統(tǒng)一為utf-8
必須在 head 標(biāo)簽中包含 viewport 設(shè)置標(biāo)簽:，推薦包含minimum-scale=1
必須在 head 標(biāo)簽中包含 < link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >
必須在 body 標(biāo)簽中包含
必須在 head 標(biāo)簽中包含

從以上創(chuàng)新互聯(lián)介紹，可知道百度MIP僅僅是針對(duì)移動(dòng)網(wǎng)站，最重要的功能是頁面加載速度快，百度會(huì)將頁面緩存，而且對(duì)收錄和排名都有很大作用。但其大的缺點(diǎn)就是不適合復(fù)雜站點(diǎn)，只適合資訊類移動(dòng)站點(diǎn)。
很多客戶會(huì)問：

響應(yīng)式網(wǎng)站可以用百度MIP嗎？

答案是否定的，因?yàn)?a href="http://m.newbst.com/xiangyingshi.html" target="_blank">響應(yīng)式網(wǎng)站包括PC端、PAD端、移動(dòng)端。百度MIP只適合用移動(dòng)端。
我的網(wǎng)站有比較多的交互效果，可以用百度MIP嗎？

答案也是否定的，百度MIP只適合靜態(tài)類資訊站點(diǎn)，太多交互效果的網(wǎng)站不適合
百度MIP可以加載視頻嗎？

答案是可以的，百度MIP有mip-video視頻組件，可以加載視頻。
百度MIP是免費(fèi)使用的嗎？

答案是肯定的，目前是鼓勵(lì)大家用。
其他瀏覽器都兼容百度MIP嗎？
百度自己肯定不用說了，聽人反應(yīng)過UC以前不兼容，是因?yàn)檎`把某些標(biāo)簽當(dāng)成廣告過濾了，最新版本的UC瀏覽器已兼容，正常瀏覽器應(yīng)該都是兼容的。
開發(fā)成本高嗎？
根據(jù)創(chuàng)新互聯(lián)了解，如果是沒使用過的網(wǎng)站開發(fā)者，需要花半個(gè)月左右的時(shí)間深入了解，目前來看，會(huì)用的開發(fā)者并不是很多，應(yīng)該還在普及階段，所以開始開發(fā)成本會(huì)比較高，然后慢慢降低。
除了網(wǎng)站加載速度快、百度排名優(yōu)先外，還有沒有其他優(yōu)勢(shì)？
如果不出所料，百度會(huì)開發(fā)越來越多的組件，目前已上線圖片預(yù)覽，視頻播放，分享組件等，使用這些組件可以更好的保證用戶體驗(yàn)、減少兼容性問題。
創(chuàng)新互聯(lián)建議，如果是移動(dòng)類的資訊站點(diǎn)，完全可以考慮使用百度MIP，畢竟速度快、排名好，這是非常重要的兩項(xiàng)。
創(chuàng)新互聯(lián)專注于網(wǎng)站定制開發(fā)，歡迎廣大客戶咨詢400-028-6601
使用百度MIP遇到大的問題應(yīng)該是后臺(tái)編輯器編輯的內(nèi)容如何轉(zhuǎn)換成MIP可識(shí)別的內(nèi)容

如圖片標(biāo)簽變化，img標(biāo)簽變?yōu)閙ip-img、不允許用內(nèi)聯(lián)樣式style、視頻標(biāo)簽變化等。
目前來看，并沒有專門針對(duì)百度MIP開發(fā)的后臺(tái)編輯器，所以只能用程序替換的方法了。
function replacePicUrl($content = null, $url="") {
$pattern="/<img.*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.jpeg]|\.png]|\.bmp]))[\'|\"].*?[\/]?>/";
preg_match_all($pattern, $content,$matches);
$full_img = $matches[0];
$full_src = $matches[1];
foreach ($full_img as $k => $v) {
$v1 = str_replace("<img", "<mip-img", $v);
$v1 = str_replace("/>", "></mip-img>", $v1);
$new_path = $url.$full_src[$k];
$v1 = str_replace($full_src[$k], $new_path, $v1);
$content = str_replace($v, $v1, $content);
}
return $content;
}
提取style：
function getStyle($content = null){
preg_match_all("/style=('|\")([^'\"]+)('|\")/",$content,$matches);
$styles = $matches[0];
$styles_value = $matches[2];
$style_custom = "";
$i = 0;
foreach($styles_value as $key){
$style_custom .= ".class".$i."{".$key."}";
$class_name = 'class="class'.$i.'"';
$replacements = $class_name;
$patterns = $styles[$i];
$content = str_replace($patterns, $replacements, $content);
$i++;
}
$res['style_custom'] = $style_custom;
$res['content'] = $content;
return $res;
}

分享文章：移動(dòng)網(wǎng)站建設(shè)是否有必要采用移動(dòng)網(wǎng)頁加速器-百度MIP
文章地址：http://m.newbst.com/news47/239297.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)