不知道大家是不是也經常登錄百度站長平臺，百度悄悄的多出了一個“MIP引入”的菜單，像子凡這樣注意細節的人，前兩天登錄站長平臺就已經看到了，而已還稍微的看了一遍，只能說感覺好神奇的樣子，但是最后才發現這是百度自己家推出的一個標準，雖然說是會利于網頁加速，也有緩存功能，確實挺好的。至于利弊，子凡這里就先不談論，子凡來給大家普及一下MIP吧！
MIP(Mobile Instant Page – 移動網頁加速器)，是一套應用于移動網頁的開放性技術標準。通過提供MIP-HTML規范、MIP-JS運行環境以及MIP-Cache頁面緩存系統，實現移動網頁加速。
MIP主要由三部分組織成：
MIP HTML 基于HTML中的基礎標簽制定了全新的規范，通過對一部分基礎標簽的使用限制或功能擴展，使HTML能夠展現更加豐富的內容；MIP JS 可以保證 MIP HTML 頁面的快速渲染；MIP Cache 用于實現MIP頁面的高速緩存，從而進一步提高頁面性能。
開發指南
按照下面的步驟，你可以快速創建一個基本的 MIP HTML 頁面；通過進一步了解 MIP HTML 規范、對 MIP HTML 頁面進行階段性的驗證等內容，你可以輕松開發出理想的 MIP 頁面。
基本步驟包括：
創建基礎 MIP HTML 頁面
引入圖片
調整樣式和布局
預覽和驗證
最后一步
技術規范
起始標簽使用<!doctype html>
html標簽必須加上mip標記，即: <html mip>
必須包含<head>和 <body>標簽
必須在head標簽中包含字符集聲明: <meta charset=”utf-8″>，字符集統一為utf-8
必須在head標簽中包含viewport設置標簽: <meta name=”viewport” content=”width=device-width,minimum-scale=1″>，推薦包含initial-scale=1
必須在head標簽中包含<link rel=”stylesheet” type=”text/css” href=”//m.baidu.com/static/ala/sf/static/css/miphtml_xxxxxx.css”>
必須在head標簽中包含<script async src=”https://m.baidu.com/miphtml/v0.js”></script>
必須在head標簽中包含<style>body {opacity: 0} </style><noscript><style>body {opacity: 1}</style></noscript>
必須在body標簽中包含 <script src=”//m.baidu.com/static/ala/sf/static/js/miphtml_main_xxxxxx.js”>
發表評論