列位站长同伙最近应该有注重到,在百度站长平台工具只多了一个叫MIP的功效入口,到底是什么鬼?经折纸的研究此功效跟谷歌的AMP同出一辙,而且折纸哥发现百度的谓的MIP实在就是模chao仿xi谷歌的AMP,真的是一直在模拟。。。
什么是MIP?
MIP(Mobile Instant Page – 移动网页加速器),是一套应用于移动网页的开放性手艺尺度。通过提供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 基于HTML基础规范进行了扩展,下面是一段简朴的MIP HTML代码示例:
开发指南
根据下面的步骤,你可以快速确定一个基本的 MIP HTML 页面;通过进一步领会 MIP HTML 规范、对 MIP HTML 页面进行阶段性的验证等内容,你可以轻松开发出理想的 MIP 页面。
基本步骤包罗:
- 确定基础 MIP HTML 页面
- 引入图片
- 调整样式和结构
- 预览和验证
- 最后一步
手艺规范
1. 头部使用规范
- 起始标签使用<!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”>
不说了,人人有时间来看看官方的说明文档吧。