介紹

MIP（Mobile Instant Pages - 移動網(wǎng)頁加速器），是一套應(yīng)用于移動網(wǎng)頁的開放性技術(shù)標(biāo)準(zhǔn)。通過提供 MIP-html 規(guī)范、MIP-JS 運行環(huán)境以及 MIP-Cache 頁面緩存系統(tǒng)，實現(xiàn)移動網(wǎng)頁加速。

Github

https://github.com/mipengine

組成部分

MIP 主要由三部分組織成：

MIP-HTML：基于 HTML 中的基礎(chǔ)標(biāo)簽制定了全新的規(guī)范，通過對一部分基礎(chǔ)標(biāo)簽的使用限制或功能擴(kuò)展，使 HTML 能夠展現(xiàn)更加豐富的內(nèi)容。
MIP-JS：可以保證 MIP-HTML 頁面的快速渲染。
MIP-Cache：用于實現(xiàn) MIP 頁面的高速緩存，從而進(jìn)一步提高頁面性能。

特點和優(yōu)勢

使用 MIP 無需等待加載，頁面內(nèi)容將以更友好的方式瞬時到達(dá)用戶

豐富靈活的內(nèi)置組件

MIP 提供實用、強大的基礎(chǔ)組件開發(fā)者可以根據(jù)需求任意選擇

高效便捷的交互機制

提供事件驅(qū)動和數(shù)據(jù)驅(qū)動機制提供更為簡單高效的組件互動方式

更好的整站體驗

更流暢的頁面切換體驗天然的站點離線緩存支持

開放的接入技術(shù)

MIP 是一項永久的開源計劃提供持續(xù)優(yōu)化的解決方案

MIP 加速原理

經(jīng)過精心設(shè)計的 JAVAScript

為了去除臃腫的客戶端腳本，MIP 文件不允許自定義 JavaScript 。對一些強依賴 JavaScript 的功能（如：廣告、統(tǒng)計和交互），MIP 提供與 MIP Runtime 兼容封裝好的組件來實現(xiàn)。

JavaScript 引用原則：

目前 MIP 不允許用戶自定義 JavaScript ，需要用 MIP 組件的形式引進(jìn)來，從而確保安全性和性能表現(xiàn)。
可以引用 <mip-iframe>組件來引入實現(xiàn)部分富交互的功能，這樣，即使開發(fā)時使用最影響性能的 document.write() ，也不會影響主頁面的渲染。
MIP 組件是開源的，允許開發(fā)者自定義功能組件，項目也將持續(xù)提供多樣的組件，以適應(yīng)不同的需求。

所有靜態(tài)資源需要標(biāo)明尺寸

在頁面開發(fā)時，資源常常不會被設(shè)定寬高，特別是使用廣告或者通過調(diào)用 document.write() 注入的時候。由于資源大小不能確定，頁面經(jīng)常要進(jìn)行反復(fù)重新的繪制。

現(xiàn)在，MIP 要求將所有的資源（廣告、圖片、音頻和視頻）標(biāo)明尺寸。當(dāng)資源真正加載時，所有資源大小可以被立即推斷出并迅速的用于計算頁面布局，加載中的資源將無縫呈現(xiàn)，不必因為頁面頻繁更新布局而影響到用戶的閱讀體驗。

不允許任何機制阻止頁面渲染

開發(fā)者的任何自定義腳本，都需要用 MIP 的標(biāo)題反饋給 MIP，例如 <mip-ad>、<mip-iframe> 等，這些方式不會阻塞頁面的 layout 和渲染。

控制外部資源加載

MIP Runtime 會控制外部資源的按需加載來確保其高效性，從而使用戶想閱讀的內(nèi)容盡快出現(xiàn)在屏幕中。

封裝交互功能

MIP 提倡網(wǎng)頁能給用戶直接簡單的體驗，但這并不意味著 MIP 限制了頁面的生動和有趣。MIP Runtime 提供了高度優(yōu)化的被封裝的 JavaScript ，開發(fā)者無需投入過多精力去實現(xiàn)復(fù)雜的交互功能。

建議使用 inline 的 css

CSS 的加載，會阻止頁面的渲染，CSS 內(nèi)聯(lián)可以減少客戶端的開銷。

只允許 GPU 加速的動畫

MIP 只允許用 transforms 和 opacity 來完成動畫效果，當(dāng)動畫能在 GPU 上執(zhí)行時，僅觸發(fā)渲染層合并。

MIP 緩存

MIP 另一個重要的意義在于能夠幫站長加速網(wǎng)頁，MIP-Cache 將會把 MIP 網(wǎng)頁緩存到百度 CDN 中。只要符合 MIP 標(biāo)準(zhǔn)，都可以使用 MIP 緩存。

開放且持續(xù)更新

MIP 是一個開源項目，所有的標(biāo)準(zhǔn)并非一成不變

MIP 適用場景

MIP 適用于所有需要加速的站點。

如果您的站點響應(yīng)速度慢，如果您的 CDN 速度慢，如果您希望廣告有更高的 ROI，那 MIP 就非常適合您的站點。MIP 最核心，也是我們一直盡力遵守的原則是：速度最快和體驗最好。截至到目前，有超過 1w 個站點接入 MIP，他們使用 MIP 獲得了極致的用戶體驗并且?guī)砹丝陀^的廣告收入。