湖南省柒點文化
傳媒有限公司

什么是MIP?MIP-HTML是什么?MIP-HTML詳解

1
作者:企師爺來源:柒點傳媒
一、什么是MIP?

MIP(Mobile Instant Page - 移動網頁加速器),是一套應用于移動網頁的開放性技術標準。通過提供MIP-HTML規范、MIP-JS運行環境以及MIP-Cache頁面緩存系統,實現移動網頁加速。

MIP主要由三部分組織成:MIP HTML:MIP HTML 基于HTML中的基礎標簽制定了全新的規范,通過對一部分基礎標簽的使用限制或功能擴展,使HTML能夠展現更加豐富的內容;MIP JS:MIP JS 可以保證 MIP HTML 頁面的快速渲染;MIP Cache:MIP Cache 用于實現MIP頁面的高速緩存,從而進一步提高頁面性能。

圖片源自網絡
二、MIP-HTML是什么?MIP-HTML詳解

MIP-HTMLMIP-HTML 基于 HTML 基礎規范進行了擴展。下面是一段簡單的 MIP-HTML 代碼示例:123456789101112131415161718192021222324<!DOCTYPE html><html mip> <head>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">   <link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v2/mip.css">   <link rel="canonical" href="https://www.example.com/your/path.html">   <!-- noscript 標簽是為了在不支持 script 的環境下快速的展現 MIP 頁面,推薦使用 -->   <noscript>     <style mip-officialrelease>       body {          -webkit-animation: none;             -moz-animation: none;              -ms-animation: none;                  animation: none;       }      </style>   </noscript> </head> <body>   <h1>Hello World!</h1>   <script src="https://c.mipcdn.com/static/v2/mip.js"></script> </body></html>MIP-HTML

規范中有兩類標簽,一類是 HTML 常規標簽,另一類是 MIP 標簽。MIP 標簽也被稱作 MIP-HTML 組件,使用它們來替代 HTML 常規標簽可以大幅提升頁面性能。例如:<mip-img>標簽,它使得圖片只在需要時才進行加載,減少了頁面渲染時間,節省了用戶的流量。

以上就是《什么是MIP?MIP-HTML是什么?MIP-HTML詳解》的全部內容,感謝閱讀,希望對你有幫助!


網站定制化服務
小程序搭建
微信運營
權威媒體發布