关于百度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 页面。
注:相关网站建设技巧阅读请移步到建站教程频道。