什么是MIP,MIP HTML 基于 HTML 基础规范进行了扩展

阅读:452 责任编辑:佚名 来源:

MIP HTML 基于 HTML 基础规范进行了扩展,MIP (Mobile Instant Pages - 移动网页加速器), 是一套应用于移动网页的开放性技术标准。通过提供 MIP-HTML 规范、MIP-JS 运行环境以及 MIP-Cache 页面缓存系统,实现移动网页加速。

MIP 主要由三部分组织成:

  • MIP HTML
  • MIP JS
  • MIP Cache

MIP HTML 基于 HTML 中的基础标签制定了全新的规范,通过对一部分基础标签的使用限制或功能扩展,使 HTML 能够展现更加丰富的内容;MIP JS 可以保证 MIP HTML 页面的快速渲染;MIP Cache 用于实现 MIP 页面的高速缓存,从而进一步提高页面性能。

下面是一段简单的 MIP HTML 代码示例:

<!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://mipcache.bdstatic.com/static/v1/mip.css">         <link rel="canonical" href="https://www.mipengine.org/">         <!-- noscript 标签是为了在不支持 script 的环境下快速的展现 mip 页面,推荐使用 -->         <noscript>             <style mip-officialrelease>                 body {                     -webkit-animation:none;                        -moz-animation:none;                         -ms-animation:none;                             animation:none                 }             </style>         </noscript>     </head>     <body>         Hello World!         <script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>        </body> </html> 

MIP HTML 规范中有两类标签,一类是 HTML 常规标签,另一类是 MIP 标签。MIP 标签也被称作 MIP HTML 组件,使用它们来替代 HTML 常规标签可以大幅提升页面性能。

例如,mip-img标签,它使得图片只在需要时才进行加载,减少了页面渲染时间,节省了用户的流量。

本文标签: 什么是MIP MIP HTML

图文推荐