MIP实操指南三（连载）：如何加入MIP？

摘要

MIP实操指南三（连载）：如何加入MIP？移动端网站打开速度的快与慢，直接关系到用户体验的好与坏。MIP就是加快移动端网站打开速度的一系列技术合集。什么网站适合加入MIP结合目前MIP首页技术文档和已有案例反馈，MIP已经可以完美支持资讯、图片、企业、小说、论坛等信

MIP实操指南三（连载）：如何加入MIP？

移动端网站打开速度的快与慢，直接关系到用户体验的好与坏。MIP就是加快移动端网站打开速度的一系列技术合集。

什么网站适合加入MIP

结合目前MIP首页技术文档和已有案例反馈，MIP已经可以完美支持资讯、图片、企业、小说、论坛等信息流类型的网站。复杂的页面暂不建议MIP改造，目前对资讯、图文类支持已较好，若功能较为复杂的建议自定义组件或等待MIP项目小组开发。

抛开网站类型不谈，存在以下问题的网站更要加入MIP:

1、网站加载速度慢，打开速度时间长

影响网站加载速度的因素除了外在因素（服务器带宽、庞大的数据库）外，绝大多数是网站本身的问题，例如：冗余代码、用了大量js调用，网站图片太大、flash文件等。MIP的规则就是针对MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统进行优化，实现移动网页加速。

2、用户体验差，跳出率较高的网站

网站弹出广告过多、内容质量差、加载速度慢都是影响用户体验差的因素，为了避免这些现象，MIP要求将所有的资源(广告、图片、音频和视频)标明尺寸。当资源真正加载时，所有资源大小可以被立即推断出并迅速用于计算页面布局，加载中的资源将无缝呈现，不必因为页面频繁更新布局而影响到用户的阅读体验。而且MIP提供与MIP runtime兼容的封装好的组件来实现，严格控制外部资源的加载，来确保其高效性，开发者的任何自定义脚本，都需要用MIP的tag反馈给MIP，例如mip-ad、mip-iframe等，这些方式不会阻塞页面的layout和渲染。

MIP改造难不难？

通俗讲，MIP的改造，就是一些基础的HTML标签替换成MIP HTML标签，接入百度缓存服务器的过程。

有人在改MIP站点的时候，抱怨，好难，这个功能没有，那个组件没有。其实，MIP的旨意不是让你继续沿用过去网页的标准，而是为了提高网页的打开速度，通过MIP的新标准，去简化规范网页。

所以说，根据MIP HTML标准修改原网站，或者根据MIP HTML新建网站模版，是非常简单的。由于目前是MIP前期，建议大家采取新建MIP站点，并保留原移动站点的模式。

加入MIP的接入流程

经过前面的内容介绍，相信你已经迫不及待想加入MIP生态了吧。如果你的网站在上述MIP支持的改造范围中，那么只需要4个步骤即可完成MIP网站改造：

（1） 改造评估：

评估自身网站情况是否适合改造MIP，如果支持则要选择一套改造方案；目前主要有两种方式，一是在原页面上进行改造，另外一种是新建一套MIP模板。

原有页面修改方案：主要适用于拥有独立移动站的网站，优点是改造内容少，技术成本低，方便维护等优点 ；

新建MIP页面方案：适用于目前所有网站的情况，具有独立好操作，改造干扰少，未知风险小等特点，美中不足的是因为是新的url，需要蜘蛛从新抓取，接入速度略慢；

（2） 页面改造：

确定改造方案后，按照MIP首页内容要求进行代码改造。改造需具备一定的html知识，改造MIP教程请按照教程来，特别注意大小写，建议全局小写。如果初次接触MIP，可以先学习下《新手指南》，更详细请参考《如何用MIP快速搭建移动页面》。

如果有疑问可以参考《改造中常见MIP问题》！

（3） 工具校验：

页面改造完成后，可以通过官方工具进行校验，工具会给出是否合格的提示；点击进入检验地址：https://www.mipengine.org/validator/preview

注意：检测合格后，一定要看预览效果，可能会有样式问题！

seo教程自学网已加入MIP，查验地址：http://seoyy.cn，可预览改造后的优化教程网站实例。

（4）数据提交：

校验合格后，通过站长平台的MIP工具，以主动推送的方式进行数据提交；

MIP提交地址：http://zhanzhang.baidu.com/mip/index

注意：只能使用主动提交的方式进行提交，同时要观察下提交接口中的域名是否与mip地址一致！

（5）线上生效：

当MIP数据库收到站点提供的数据，会对数据进行抓取、收录、校验等一系列的步骤，*后在线上生效，并且在快照上回有一个

如果生效量少，请参考《为何MIP生效量这么少》