百度MIP的加速原理是什么？

什么是百度MIP加速，MIP加速（移動(dòng)網(wǎng)頁(yè)加速）的原理是什么？弄清楚原理后，我們就可以評(píng)估網(wǎng)站的改版難度，以及改版后可能達(dá)到的優(yōu)化效果。

《什么是百度MIP？》MIP加速原理是什么？

1、經(jīng)過(guò)精心設(shè)計(jì)的JavaScript
為了去除臃腫的客戶端腳本，MIP文件不允許自定義JavaScript。對(duì)一些強(qiáng)依賴JavaScript的功能（如：廣告、統(tǒng)計(jì)和交互），MIP提供與MIPRuntime兼容封裝好的組件來(lái)實(shí)現(xiàn)。

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

2、所有靜態(tài)資源需要標(biāo)明尺寸
在頁(yè)面開(kāi)發(fā)時(shí)，資源常常不會(huì)被設(shè)定寬高，特別是使用廣告或者通過(guò)調(diào)用document.write()注入的時(shí)候。由于資源大小不能確定，頁(yè)面經(jīng)常要進(jìn)行反復(fù)重新的繪制。
現(xiàn)在，MIP要求將所有的資源（廣告、圖片、音頻和視頻）標(biāo)明尺寸。當(dāng)資源真正加載時(shí)，所有資源大小可以被立即推斷出并迅速的用于計(jì)算頁(yè)面布局，加載中的資源將無(wú)縫呈現(xiàn)，不必因?yàn)轫?yè)面頻繁更新布局而影響到用戶的閱讀體驗(yàn)。

3、不允許任何機(jī)制阻止頁(yè)面渲染
開(kāi)發(fā)者的任何自定義腳本，都需要用MIP的標(biāo)題反饋給MIP，例如、等，這些方式不會(huì)阻塞頁(yè)面的layout和渲染。

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

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

6、建議使用inline的CSS
CSS的加載，會(huì)阻止頁(yè)面的渲染，CSS內(nèi)聯(lián)可以減少客戶端的開(kāi)銷。

7、只允許GPU加速的動(dòng)畫(huà)
MIP只允許用transforms和opacity來(lái)完成動(dòng)畫(huà)效果，當(dāng)動(dòng)畫(huà)能在GPU上執(zhí)行時(shí)，僅觸發(fā)渲染層合并。

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