關(guān)于百度MIP

MIP全稱Mobile Instant Pages，移動(dòng)網(wǎng)頁(yè)加速器，是百度提出的頁(yè)面加速解決方案。MIP從前端渲染和頁(yè)面網(wǎng)絡(luò)傳輸兩方面進(jìn)行優(yōu)化，杜絕頁(yè)面渲染中的阻塞問(wèn)題，提升頁(yè)面展現(xiàn)速度。

MIP答疑解惑

1、MIP化后對(duì)其他搜索引擎抓取收錄以及SEO 的影響如何？

答：在原頁(yè)面MIP化，不會(huì)影響其它搜索引擎的抓取收錄，也不會(huì)影響頁(yè)面權(quán)重。新增MIP頁(yè)可通過(guò)robots.txt文件禁用其它搜索引擎的抓取，從而保證原頁(yè)面的權(quán)重。

2、MIP 可以加什么樣子的廣告？       

答：MIP既可以加入百度聯(lián)盟廣告，也可以加入第三方廣告

3、MIPcache緩存更新時(shí)間是多長(zhǎng)時(shí)間？      

 答：目前是50分鐘左右，后期將會(huì)優(yōu)化到更短時(shí)間。

4、百度對(duì)站點(diǎn)MIP化方案的建議是怎樣的？

答：目前MIP化有兩種方案：一種是在原有頁(yè)面上進(jìn)行修改，另一種是在保持原有頁(yè)面的基礎(chǔ)上再新建一套頁(yè)面；兩種方案都可以良好支持。

5、如果采取新建一套MIP 頁(yè)面的方式，假設(shè)新建 MIP 頁(yè)面出現(xiàn)問(wèn)題，譬如改造錯(cuò)誤、失效或者其他不可預(yù)知問(wèn)題，百度的處理機(jī)制是怎樣的？       

答：MIP是有回退機(jī)制的，MIP訪問(wèn)出問(wèn)題后，會(huì)直接回到原來(lái)的h5頁(yè)面；不會(huì)影響權(quán)重，mip會(huì)更被認(rèn)可和優(yōu)先。

6、是否必須是https才能 MIP化，如果不是https會(huì)有什么影響？如何快速https化?       

答：mip改造本身是不需要支持https的。但如果要接入百度，要求是https的。可以通過(guò)自身支持或者走mip cache代理兩種方式實(shí)現(xiàn)。快速進(jìn)行https可以通過(guò)百度云加速的https方案進(jìn)行快速部署https環(huán)境.

7、MIP 頁(yè)面中可以展現(xiàn)哪些元素？對(duì)于彈窗廣告有何限制？      

 答：MIP頁(yè)面中可以展示所有原頁(yè)面的元素，在前端代碼中對(duì)于一些標(biāo)簽做替換即可。我們會(huì)提供組件支持fix布局，可用于頁(yè)面固定廣告的顯示。

8、MIP 化的收益是什么？具體數(shù)據(jù)?       

答：從目前收集到的數(shù)據(jù)來(lái)看，網(wǎng)站MIP化上線后，頁(yè)面速度提升30-80%，頁(yè)面到達(dá)率提升5-40%

9、使用偽靜態(tài)url的網(wǎng)站如何使用mip？        

答：MIP頁(yè)面可能會(huì)被MIP-Cache緩存，所以用戶看到的不一定是動(dòng)態(tài)的頁(yè)面。當(dāng)需要更新頁(yè)面內(nèi)容時(shí)，可通過(guò)MIP組件形式封裝js請(qǐng)求，以及后續(xù)更新DOM的js操作。

10、針對(duì)擁有pc、wap、mip三套頁(yè)面的網(wǎng)站，如何進(jìn)行移動(dòng)適配工具和mip工具提交？        

答：MIP頁(yè)面可單獨(dú)通過(guò)站長(zhǎng)平臺(tái)的MIP入口提交，不會(huì)影響PC和WAP。

11、代碼適配站點(diǎn)如何使用mip？       

答：區(qū)別討論。如果后端根據(jù)UA判斷是否為移動(dòng)端頁(yè)面，并返回頁(yè)面，則將返回的頁(yè)面MIP化即可。 如果是前端判斷瀏覽器寬度或UA，再請(qǐng)求后端返回相應(yīng)頁(yè)面，則需要改變這套流程，使用后端判斷，或直接改為響應(yīng)式頁(yè)面。

12、MIP在原網(wǎng)站搭建還是重新在新子域做，還是新目錄做？       

答：都可以，MIP不做限制。MIP和原頁(yè)面的對(duì)應(yīng)關(guān)系寫(xiě)在頭部link標(biāo)簽中。

具體見(jiàn)https://www.mipengine.org/doc/2-tech/5-show-your-page.html

13、gbk編碼的網(wǎng)站如何使用mip？       

答：更改成utf-8編碼后使用MIP。gbk編碼并不是國(guó)際通用標(biāo)準(zhǔn)，在一些手機(jī)上會(huì)有會(huì)顯示亂碼。

14、網(wǎng)站如何確認(rèn)改造的mip頁(yè)面已經(jīng)在線上生效？       

答：MIP頁(yè)面都會(huì)使用百度搜索結(jié)果頁(yè)異步打開(kāi)，只需要在百度搜索中搜索鏈接，并且打開(kāi)后URL上是百度地址。

       15、這個(gè) MIP 移動(dòng)網(wǎng)頁(yè)加速器做了之后是只針對(duì)移動(dòng)百度的展示，還是說(shuō)也對(duì)我們其它的正常用戶一樣顯示？     

答：MIP 頁(yè)面是可以獨(dú)立運(yùn)行的，可以在瀏覽器中通過(guò) url 直接訪問(wèn)，不依賴百度結(jié)果頁(yè)。由于 MIP 頁(yè)速度較快，體驗(yàn)更優(yōu)，會(huì)在百度移動(dòng)結(jié)果頁(yè)有更高的權(quán)重。

16、MIP 與 CDN 的區(qū)別是什么？      

 (1)已使用了CDN之后，再進(jìn)行 MIP 改造，兩套CDN 會(huì)不會(huì)產(chǎn)生沖突和影響？      

  答：不會(huì)產(chǎn)生沖突，也不會(huì)存在雙重加速的問(wèn)題。 搜索請(qǐng)求會(huì)先發(fā)到MIP-Cache（MIP-CDN），如果頁(yè)面不存在或過(guò)期，會(huì)進(jìn)一步訪問(wèn)原CDN。       

 (2)已經(jīng)使用 CDN再用 MIP 的必要性是什么？      

 答：MIP的性能提升方案，很大一部分是技術(shù)實(shí)現(xiàn)的收益，非cdn收益。MIP原理不能簡(jiǎn)單的理解為MF框架+CDN，技術(shù)核心是通過(guò)頁(yè)面渲染技術(shù)等提升性能。

關(guān)于CDN與MIP：

MIP是用CDN做加速的么？準(zhǔn)確答案是：是，但不只是。 

頁(yè)面渲染耗時(shí)與MIP加速原則

頁(yè)面渲染耗時(shí)主要分為以下三類：DNS解析耗時(shí)，網(wǎng)絡(luò)傳輸耗時(shí)，瀏覽器渲染重繪耗時(shí)。 MIP加速的基本原理就是減少各個(gè)步驟的耗時(shí)：

為減少DNS解析，MIP-Cache將靜態(tài)文件以相對(duì)路徑儲(chǔ)存在百度CDN中； 為減少網(wǎng)絡(luò)傳輸耗時(shí)，MIP-JS 控制靜態(tài)資源的按需加載，MIP-Cache系統(tǒng)優(yōu)先從CDN讀取文件； 為減少瀏覽器渲染重繪耗時(shí)，MIP-HTML 對(duì)<img>,<video>等造成瀏覽器重繪的標(biāo)簽進(jìn)行了封裝控制。 下文將對(duì)MIP的三大組成部分MIP-HTML, MIP-JS, MIP-Cache進(jìn)行詳細(xì)介紹。

MIP-HTML 組件加速原理

MIP-HTML 規(guī)范中有兩類標(biāo)簽，一類是HTML常規(guī)標(biāo)簽，另一類是MIP標(biāo)簽（MIP-HTML 組件）。在MIP規(guī)范中，類似<img>等會(huì)引起瀏覽器重繪的標(biāo)簽應(yīng)被替換成<mip-img>, 利用懶加載和按需加載提高頁(yè)面的渲染速度。

MIP-HTML除了對(duì)瀏覽器原生標(biāo)簽的封裝，還有一類自定義交互組件。比如圖片輪播組件，表單組件，分享組件等。這些組件依賴MIP-JS和自身腳本即可運(yùn)行，不需要引用第三方庫(kù)。引用MIP自定義組件的而好處在于，頁(yè)面開(kāi)發(fā)時(shí)無(wú)需引入jquery，bootstrap等體積龐大的庫(kù)，減少頁(yè)面發(fā)送的網(wǎng)絡(luò)請(qǐng)求及傳輸時(shí)間，加快網(wǎng)頁(yè)的傳輸和渲染。

MIP-JS 加速原理

MIP-JS是MIP的運(yùn)行環(huán)境，接管了MIP頁(yè)的生命周期，腳本加載及頁(yè)面渲染。具體來(lái)說(shuō)，MIP-JS包括基礎(chǔ)類引入（AMD），內(nèi)置組件加載（mip-img），外置組件管理（組件css插入）以及組件布局管理（解決布局兼容性問(wèn)題）。

MIP-JS選擇使用精簡(jiǎn)的基礎(chǔ)類，盡量減少網(wǎng)絡(luò)傳輸時(shí)間；內(nèi)置優(yōu)秀的組件，在不阻塞瀏覽器渲染的前提下提供最好的交互體驗(yàn)；提供組件布局管理，預(yù)先為組件設(shè)定寬高，避免組件加載后的瀏覽器重布局。

MIP-Cache 緩存加速原理

MIP-Cache 通過(guò)CDN(Content Delivery Network)服務(wù)器緩存靜態(tài)MIP頁(yè)面。當(dāng)用戶訪問(wèn)MIP頁(yè)面時(shí)，請(qǐng)求首先會(huì)發(fā)到CDN服務(wù)器，如果頁(yè)面存在，則從CDN直接返回靜態(tài)頁(yè)面；如果頁(yè)面不存在，則會(huì)請(qǐng)求第三方服務(wù)器。返回的頁(yè)面的同時(shí)加入MIP-Cache。

在使用MIP Cache時(shí)，MIP頁(yè)面引用的所有靜態(tài)文件和外部資源都會(huì)被替換成相對(duì)地址，緩存到CDN上。盡可能減少了DNS解析時(shí)間和網(wǎng)絡(luò)請(qǐng)求時(shí)間。

總的來(lái)說(shuō)，MIP除了CDN加速，還針對(duì)瀏覽器渲染和網(wǎng)絡(luò)加載做了優(yōu)化。改版網(wǎng)站的數(shù)據(jù)表明，頁(yè)面加載速度提升了30-80%。更快的打開(kāi)速度意味著更少的用戶等待和放棄，更好的用戶體驗(yàn)。欲了解更多詳情，歡迎到MIP官網(wǎng)，與我們一同建立秒開(kāi)的移動(dòng)頁(yè)面。

17、目前 MIP 組件之外的一些 javascript插件如何支持？譬如廣告、統(tǒng)計(jì)、推薦等等？       

答：（1）MIP為了確保安全性和性能表現(xiàn)，不允許用戶自定義JavaScript，需要用MIP 組件的形式引進(jìn)來(lái)；MIP組件是開(kāi)源的，允許開(kāi)發(fā)者自定義功能組件。        

（2）目前MIP組件已經(jīng)支持多種功能組件：如廣告支持站長(zhǎng)自定義的橫幅廣告、視頻廣告、H5廣告，同時(shí)也支持一些第三方廣告系統(tǒng)，統(tǒng)計(jì)可以支持百度統(tǒng)計(jì)，更多具體的組件支持的可以參考官網(wǎng)的組件說(shuō)明：https://www.mipengine.org/doc/3-widget/10-overview.html；后續(xù)MIP也將持續(xù)提供多樣的組件，以適應(yīng)不同的需求.

18、搜索結(jié)果打開(kāi)是百度的域名，用戶分享的是否也是是百度鏈接？使用百度域名是否不利于網(wǎng)站的品牌傳播同時(shí)也會(huì)影響流量統(tǒng)計(jì)，該如何解決？       

答：如果用戶通過(guò)分享組件分享，則分享的標(biāo)題，圖片和內(nèi)容都是原頁(yè)面內(nèi)容，具體分享內(nèi)容可以在使用組件時(shí)定義。這種做法不會(huì)影響品牌傳播，也不會(huì)影響流量統(tǒng)計(jì)。       

 如果用戶直接從瀏覽器復(fù)制鏈接分享，那么被分享的是當(dāng)前頁(yè)面url，沒(méi)有品牌和標(biāo)題露出。統(tǒng)計(jì)代碼在頁(yè)面加載完成后都會(huì)生效，不會(huì)受到分享影響。

19、如果新建一套MIP頁(yè)面，在搜索結(jié)果中MIP頁(yè)面和原來(lái)的頁(yè)面關(guān)系是怎樣的？      

 答：在創(chuàng)建 MIP 頁(yè)時(shí)加入 canonical 標(biāo)簽，在原頁(yè)面加入miphtml標(biāo)簽，將兩個(gè)頁(yè)面聯(lián)系起來(lái)。在搜索結(jié)果中會(huì)用 MIP 頁(yè)面替換原生頁(yè)面，用戶打開(kāi)后展現(xiàn)的是 MIP 頁(yè)面。