百度站长平台推出MIP移动网页加速器

张子凡 百度MIP 2016-08-12 10:00:02 阅读(...) 评论(1)

MIP

不知道大家是不是也经常登录百度站长平台,百度悄悄的多出了一个“MIP引入”的菜单,像子凡这样注意细节的人,前两天登录站长平台就已经看到了,而已还稍微的看了一遍,只能说感觉好神奇的样子,但是最后才发现这是百度自己家推出的一个标准,虽然说是会利于网页加速,也有缓存功能,确实挺好的。至于利弊,子凡这里就先不谈论,子凡来给大家普及一下MIP吧!

什么是MIP

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

什么是MIP

MIP主要由三部分组织成:

  • MIP HTML
  • MIP JS
  • MIP Cache

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

开发指南

按照下面的步骤,你可以快速创建一个基本的 MIP HTML 页面;通过进一步了解 MIP HTML 规范、对 MIP HTML 页面进行阶段性的验证等内容,你可以轻松开发出理想的 MIP 页面。

基本步骤包括:

  1. 创建基础 MIP HTML 页面
  2. 引入图片
  3. 调整样式和布局
  4. 预览和验证
  5. 最后一步

技术规范

起始标签使用<!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”>

更多具体内容请访问百度MIP官网:https://www.mipengine.org/

除非注明,否则均为泪雪博客原创文章,禁止任何形式转载

本文链接:https://zhangzifan.com/baidu-mip.html

留言评论

登录 后留言