什麽是(shì)百度MIP?
MIP(Mobile Instant Pages - 移動網頁加速器),是(shì)一(yī / yì /yí)套應用于(yú)移動網頁的(de)開放性技術标準。通過提供 MIP-HTML 規範、MIP-JS 運行環境以(yǐ)及 MIP-Cache 頁面緩存系統,實現移動網頁加速。
MIP 主要(yào / yāo)由三部分組織成:
MIP-HTML:基于(yú) HTML 中的(de)基礎标簽制定了(le/liǎo)全新的(de)規範,通過對一(yī / yì /yí)部分基礎标簽的(de)使用限制或功能擴展,使 HTML 能夠展現更加豐富的(de)内容。
MIP-JS:可以(yǐ)保證 MIP-HTML 頁面的(de)快速渲染。
MIP-Cache:用于(yú)實現 MIP 頁面的(de)高速緩存,從而(ér)進一(yī / yì /yí)步提高頁面性能。
1. MIP-HTML
提示:MIP-HTML 基于(yú) HTML 基礎規範進行了(le/liǎo)擴展。
下面是(shì)一(yī / yì /yí)段簡單的(de) MIP-HTML 代碼示例:
MIP-HTML 規範中有兩類标簽,一(yī / yì /yí)類是(shì) HTML 常規标簽,另一(yī / yì /yí)類是(shì) MIP 标簽。MIP 标簽也(yě)被稱作 MIP-HTML 組件,使用它們來(lái)替代 HTML 常規标簽可以(yǐ)大(dà)幅提升頁面性能。
例如:
标簽,它使得圖片隻在(zài)需要(yào / yāo)時(shí)才進行加載,減少了(le/liǎo)頁面渲染時(shí)間,節省了(le/liǎo)用戶的(de)流量。
2. MIP-JS
MIP-JS 用于(yú)管理資源的(de)加載,并支持上(shàng)述 MIP 标簽的(de)使用,從而(ér)确保頁面的(de)快速渲染,提高頁面各方面的(de)性能。
MIP-JS 最顯著的(de)優勢是(shì)能夠異步加載所有外部資源,整個(gè)頁面渲染過程不(bù)會被頁面中的(de)某些元素阻塞,從而(ér)實現頁面渲染速度的(de)提升。
此外,MIP-JS 還涵蓋了(le/liǎo)所有 iframe 的(de)沙盒、在(zài)資源加載前提前計算頁面元素布局、禁用緩慢 CSS 選擇器等技術性能。
3. MIP-Cache
MIP-Cache 是(shì)一(yī / yì /yí)套基于(yú)代理的(de) CDN(Content Delivery Network) 緩存系統,可用于(yú)緩存所有被百度相關頁面引用或者從百度相關服務點出(chū)的(de) MIP 頁面。
用戶在(zài)訪問 MIP 頁面的(de)時(shí)候,請求首先會發到(dào) CDN 服務器,如果頁面存在(zài),則從 CDN 返回,如果 CDN 上(shàng)不(bù)存在(zài),則會請求第三方服務器。同時(shí) MIP-Cache 服務器會将頁面緩存到(dào) CDN 上(shàng)。在(zài)使用 MIP-Cache 時(shí),MIP 頁面所需要(yào / yāo)的(de)所有靜态文件和(hé / huò)外部資源都會被緩存到(dào) CDN 上(shàng)(視頻除外),并且頁面中的(de)資源鏈接會被轉換成相對地(dì / de)址,很大(dà)程度上(shàng)提升了(le/liǎo)頁面渲染速度。每一(yī / yì /yí)個(gè) MIP 頁面都會綁定一(yī / yì /yí)個(gè)驗證系統,在(zài)頁面進行渲染時(shí),這(zhè)種驗證器可以(yǐ)直接在(zài)浏覽器控制台中輸出(chū)頁面的(de)錯誤。并且随着代碼邏輯的(de)變化,能夠展示其對頁面性能以(yǐ)及用戶體驗的(de)影響。
- 上(shàng)一(yī / yì /yí)篇:模闆網站與定制開發網站的(de)區别
- 下一(yī / yì /yí)篇:百度MIP的(de)加速原理是(shì)什麽?