【MIP答疑解惑】MIP改造常见Q&A集锦

关于百度MIP

MIP全称Mobile Instant Pages，移动网页加速器，是百度提出的页面加速解决方案。MIP从前端渲染和页面网络传输两方面进行优化，杜绝页面渲染中的阻塞问题，提升页面展现速度。

MIP答疑解惑

1、MIP化后对其他搜索引擎抓取收录以及SEO 的影响如何？

答：在原页面MIP化，不会影响其它搜索引擎的抓取收录，也不会影响页面权重。新增MIP页可通过robots.txt文件禁用其它搜索引擎的抓取，从而保证原页面的权重。

2、MIP 可以加什么样子的广告？

答：MIP既可以加入百度联盟广告，也可以加入第三方广告

3、MIPcache缓存更新时间是多长时间？

答：目前是50分钟左右，后期将会优化到更短时间。

4、百度对站点MIP化方案的建议是怎样的？

答：目前MIP化有两种方案：一种是在原有页面上进行修改，另一种是在保持原有页面的基础上再新建一套页面；两种方案都可以良好支持。

5、如果采取新建一套MIP 页面的方式，假设新建 MIP 页面出现问题，譬如改造错误、失效或者其他不可预知问题，百度的处理机制是怎样的？

答：MIP是有回退机制的，MIP访问出问题后，会直接回到原来的h5页面；不会影响权重，mip会更被认可和优先。

6、是否必须是https才能 MIP化，如果不是https会有什么影响？如何快速https化?

答：mip改造本身是不需要支持https的。但如果要接入百度，要求是https的。可以通过自身支持或者走mip cache代理两种方式实现。快速进行https可以通过百度云加速的https方案进行快速部署https环境.

7、MIP 页面中可以展现哪些元素？对于弹窗广告有何限制？

答：MIP页面中可以展示所有原页面的元素，在前端代码中对于一些标签做替换即可。我们会提供组件支持fix布局，可用于页面固定广告的显示。

8、MIP 化的收益是什么？具体数据?

答：从目前收集到的数据来看，网站MIP化上线后，页面速度提升30-80%，页面到达率提升5-40%

9、使用伪静态url的网站如何使用mip？

答：MIP页面可能会被MIP-Cache缓存，所以用户看到的不一定是动态的页面。当需要更新页面内容时，可通过MIP组件形式封装js请求，以及后续更新DOM的js操作。

10、针对拥有pc、wap、mip三套页面的网站，如何进行移动适配工具和mip工具提交？

答：MIP页面可单独通过站长平台的MIP入口提交，不会影响PC和WAP。

11、代码适配站点如何使用mip？

答：区别讨论。如果后端根据UA判断是否为移动端页面，并返回页面，则将返回的页面MIP化即可。 如果是前端判断浏览器宽度或UA，再请求后端返回相应页面，则需要改变这套流程，使用后端判断，或直接改为响应式页面。

12、MIP在原网站搭建还是重新在新子域做，还是新目录做？

答：都可以，MIP不做限制。MIP和原页面的对应关系写在头部link标签中。

具体见https://www.mipengine.org/doc/2-tech/5-show-your-page.html

13、gbk编码的网站如何使用mip？

答：更改成utf-8编码后使用MIP。gbk编码并不是国际通用标准，在一些手机上会有会显示乱码。

14、网站如何确认改造的mip页面已经在线上生效？

答：MIP页面都会使用百度搜索结果页异步打开，只需要在百度搜索中搜索链接，并且打开后URL上是百度地址。

15、这个 MIP 移动网页加速器做了之后是只针对移动百度的展示，还是说也对我们其它的正常用户一样显示？

答：MIP 页面是可以独立运行的，可以在浏览器中通过 url 直接访问，不依赖百度结果页。由于 MIP 页速度较快，体验更优，会在百度移动结果页有更高的权重。

16、MIP 与 CDN 的区别是什么？

(1)已使用了CDN之后，再进行 MIP 改造，两套CDN 会不会产生冲突和影响？

答：不会产生冲突，也不会存在双重加速的问题。 搜索请求会先发到MIP-Cache（MIP-CDN），如果页面不存在或过期，会进一步访问原CDN。

(2)已经使用 CDN再用 MIP 的必要性是什么？

答：MIP的性能提升方案，很大一部分是技术实现的收益，非cdn收益。MIP原理不能简单的理解为MF框架+CDN，技术核心是通过页面渲染技术等提升性能。

关于CDN与MIP：

MIP是用CDN做加速的么？准确答案是：是，但不只是。

页面渲染耗时与MIP加速原则

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

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

MIP-HTML 组件加速原理

MIP-HTML 规范中有两类标签，一类是HTML常规标签，另一类是MIP标签（MIP-HTML 组件）。在MIP规范中，类似<img>等会引起浏览器重绘的标签应被替换成<mip-img>, 利用懒加载和按需加载提高页面的渲染速度。

MIP-HTML除了对浏览器原生标签的封装，还有一类自定义交互组件。比如图片轮播组件，表单组件，分享组件等。这些组件依赖MIP-JS和自身脚本即可运行，不需要引用第三方库。引用MIP自定义组件的而好处在于，页面开发时无需引入jquery，bootstrap等体积庞大的库，减少页面发送的网络请求及传输时间，加快网页的传输和渲染。

MIP-JS 加速原理

MIP-JS是MIP的运行环境，接管了MIP页的生命周期，脚本加载及页面渲染。具体来说，MIP-JS包括基础类引入（AMD），内置组件加载（mip-img），外置组件管理（组件css插入）以及组件布局管理（解决布局兼容性问题）。

MIP-JS选择使用精简的基础类，尽量减少网络传输时间；内置优秀的组件，在不阻塞浏览器渲染的前提下提供最好的交互体验；提供组件布局管理，预先为组件设定宽高，避免组件加载后的浏览器重布局。

MIP-Cache 缓存加速原理

MIP-Cache 通过CDN(Content Delivery Network)服务器缓存静态MIP页面。当用户访问MIP页面时，请求首先会发到CDN服务器，如果页面存在，则从CDN直接返回静态页面；如果页面不存在，则会请求第三方服务器。返回的页面的同时加入MIP-Cache。

在使用MIP Cache时，MIP页面引用的所有静态文件和外部资源都会被替换成相对地址，缓存到CDN上。尽可能减少了DNS解析时间和网络请求时间。

总的来说，MIP除了CDN加速，还针对浏览器渲染和网络加载做了优化。改版网站的数据表明，页面加载速度提升了30-80%。更快的打开速度意味着更少的用户等待和放弃，更好的用户体验。欲了解更多详情，欢迎到MIP官网，与我们一同建立秒开的移动页面。

17、目前 MIP 组件之外的一些 javascript插件如何支持？譬如广告、统计、推荐等等？

答：（1）MIP为了确保安全性和性能表现，不允许用户自定义JavaScript，需要用MIP 组件的形式引进来；MIP组件是开源的，允许开发者自定义功能组件。

（2）目前MIP组件已经支持多种功能组件：如广告支持站长自定义的横幅广告、视频广告、H5广告，同时也支持一些第三方广告系统，统计可以支持百度统计，更多具体的组件支持的可以参考官网的组件说明：https://www.mipengine.org/doc/3-widget/10-overview.html；后续MIP也将持续提供多样的组件，以适应不同的需求.

18、搜索结果打开是百度的域名，用户分享的是否也是是百度链接？使用百度域名是否不利于网站的品牌传播同时也会影响流量统计，该如何解决？

答：如果用户通过分享组件分享，则分享的标题，图片和内容都是原页面内容，具体分享内容可以在使用组件时定义。这种做法不会影响品牌传播，也不会影响流量统计。

如果用户直接从浏览器复制链接分享，那么被分享的是当前页面url，没有品牌和标题露出。统计代码在页面加载完成后都会生效，不会受到分享影响。

19、如果新建一套MIP页面，在搜索结果中MIP页面和原来的页面关系是怎样的？

答：在创建 MIP 页时加入 canonical 标签，在原页面加入miphtml标签，将两个页面联系起来。在搜索结果中会用 MIP 页面替换原生页面，用户打开后展现的是 MIP 页面。