湖南省柒点文化
传媒有限公司

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

作者:企师爷来源:柒点传媒
一、什么是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详解》的全部内容,感谢阅读,希望对你有帮助!


网站定制化服务
小程序搭建
微信运营
权威媒体发布