使用MIP技术 创建秒开的移动端页面

官网:https://www.mipengine.org/

什么是 MIP

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官网:什么是 MIP

MIP 加速原理

页面渲染耗时主要分为以下三类:DNS解析耗时,网络传输耗时,浏览器渲染重绘耗时。 MIP加速的基本原理就是减少各个步骤的耗时:

  • 为减少DNS解析,MIP-Cache将静态文件以相对路径储存在百度CDN中;
  • 为减少网络传输耗时,MIP-JS 控制静态资源的按需加载,MIP-Cache系统优先从CDN读取文件;
  • 为减少浏览器渲染重绘耗时,MIP-HTML 对<img>,<video>等造成浏览器重绘的标签进行了封装控制。

详见 MIP博客:百度MIP移动页面加速——不只是CDN

MIP 开发入门

MIP HTML 基于 HTML 基础规范进行了扩展,在 HTML 的基础上禁用了一些会影响性能的标签。

开发文档请见:MIP 新手指南
MIP 视频教程: MIP 系列视频教程

MIP 技术交流

github: mipengine
QQ 群:580967494

results matching ""

    No results matching ""