MIP改造教程，浅谈MIP接入解决方案！
What Is MIP ?
MIP（Mobile Instant Pages – 移动网页加速器），是一套应用于移动网页的开放性技术标准。通过提供 MIP-HTML 规范、MIP-JS 运行环境以及 MIP-Cache 页面缓存系统，实现移动网页加速。
MIP 主要由三部分组织成：
- MIP-HTML：基于 HTML 中的基础标签制定了全新的规范，通过对一部分基础标签的使用限制或功能扩展，使 HTML 能够展现更加丰富的内容。
- MIP-JS：可以保证 MIP-HTML 页面的快速渲染。
- MIP-Cache：用于实现 MIP 页面的高速缓存，从而进一步提高页面性能。
Ps：不论是技术层面还是应用层面，百度MIP充分借鉴了谷歌AMP，所以在很多技术规范和结果展现上跟谷歌AMP非常的相似。百度MIP被很多开发者看作是国内的AMP。
写在前面：相较于谷歌AMP而言，百度MIP学习门槛相对较低，有完整的中文开发文档和完善的代码校验工具。细节的百度MIP开发规范可以参考官方文档，下面只针对速贸通官网以及一些实际开发常见问题来浅谈一下百度MIP。
MIP 加速原理：
- 经过精心设计的 JavaScript
- 所有静态资源需要标明尺寸
- 不允许任何机制阻止页面渲染
- 控制外部资源加载
- 封装交互功能
- 建议使用 inline 的 CSS
- 只允许 GPU 加速的动画
- MIP 缓存
- 开放且持续更新
九个、跟AMP加速基本一样。
MIP 解决方案：
一、域名：
市面常见解决方案：
mip.******.com （独立域名）
01.用二级域名解析到官网MIP站点；
www.******.com （统一域名）
02.用UA来判断用户终端设备，来展现对应的站点；
03.电脑版、手机版都用MIP框架来开发（百度MIP对电脑版目前是没有优待的！），好处：省了为MIP站点配置单独域名；坏处：由于百度MIP框架是针对移动站点设计的前端框架，所以样式极其单调，不推荐！
www.******.com/mip （目录域名）
04.目录域名的形式在国外针对AMP比较流行这种方案，但是由于国内百度站长平台区别于国外谷歌站长平台，有单独的MIP提交工具。在页面提交上，MIP比AMP有跟多的方式（AMP页面只能默默等收录）。
上面是百度站长平台的MIP页面提交工具截图，从表单预留内容可以看出百度还是比较建议使用“域名/mip”的，注意百度这边不是在URL最后面加“/mip/”！而是紧接着在域名后面加“/mip/”，即“www.******.com”开头的URL统一解析到原站，“www.******.com/mip”开头的URL统一解析到MIP站。
二、网站：
- 起始标签使用<!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=”https://c.mipcdn.com/static/v1/mip.css”>
- 必须在body标签中包含<script src=”https://c.mipcdn.com/static/v1/mip.js”></script>
- 必须在head标签中包含<link rel=”canonical” href=”http(s)://xxx”>
MIP 文档工具：
一、文档：https://www.mipengine.org/doc/00-mip-101.html
二、工具：https://www.mipengine.org/validator/validate
*注意添加百度统计JS顺序：
统计工具：https://www.mipengine.org/examples/mip-extensions/mip-stats-baidu.html
本文系转载，前往查看
如有侵权，请联系 cloudcommunity@tencent.com 删除。
本文系转载，前往查看
如有侵权，请联系 cloudcommunity@tencent.com 删除。