谷歌的AMP和百度的MIP到底该用哪个移动网页加速规范?

谈谈百度MIP和GoogleAMP的不同之处:手机网页加速应该使用哪一个?
脸谱网在2016年初发布了即时文章,Google发布了AMP,而百度在同一年发布了MIP,这两项技术都能加速页面加载,但脸谱网的即时文章与后两者不同,它是应用内嵌的页面,只能在脸谱软件中使用,后者完全基于浏览器,在浏览器中渲染。
本文主要介绍百度MIP和GoogleAMP的相关知识。
GoogleAMP和百度MIP都是开放源码的,无论从技术层面还是用途上,两者之间的差别都很小。
接下来我们首先看一下GoogleAMP和百度MIP的定义:
GoogleAMP(AcceleratedMobilePages,加速移动页面)是Google推出的一个用于静态内容的Web页面,它提供可靠且快速的渲染,加快了页面加载的时间,尤其是在移动Web上查看内容。
百度MIP(MobileInstantPages-移动网页加速器),是一种开放的技术标准,用于移动网页。MIP-HTML规范,MIP-JS运行环境,MIP-Cache页面缓存系统,为移动网页加速提供了可能。总的来说,百度MIP完全借鉴了AMP,被很多开发者认为是国产的AMP。
两者的定义似乎很相似,一个叫做移动网页加速,另一个叫做移动网页加速,其实现目的都是一样的——优化移动网页。WTF,这不会是什么吧。这肯定不是什么东西,但这只是老坛酸菜面与康师傅牛肉面的区别。两款方便面,主要原料相同,配方略有不同,制作方法略有不同,最重要的是代言人不同。
首先由谷歌提出移动网页加速,通过建立开放源码标准,制定页面规格,优化渲染速度来提高用户体验,同时在谷歌会搜索引擎中,增加符合AMP标准的网页的权重。百度坚持谷歌有我也要有的原则,充分借鉴AMP,也提出了自己的网页加速开放源码标准,MIP由此诞生。
无论是目的(在搜索结果中返回非常快速的页面),还是原理(简化HTML、CSS、禁用JS、资源控制、缓存等等),或者启动步骤(先新闻,再普通页面),以及原始页面和MIP页面的互引法(加上标签),都和GoogleAMP差不多,就连网站的页面布局、菜单安排、技术说明中的内容,几乎都是相同的。甚至在对应的搜索引擎上显示的身份也几乎完全相同:
两种协议都由三部分组成,一是AMPHTML,二是AMPcache,三是MIP-HTML,四是MIP-JS,五是MIP-Cache。
在此,我们必须钦佩国人的借鉴能力。
对于AMPHTML,它只允许使用诸如body、article等可以直接使用的标签,但是像frame和frameset等标签是被限制使用或者禁止使用的,这在MIP中是可以实现的。像img或者video之类的标签不能直接使用,需要用其他标签来替代,比如在AMP中需要用amp-img代替,在mip中需要用mip-img代替。
AMPruntime完全是通过Java实现的,由AMP文件启动,其主要作用是负责协调资源的加载时间和优先级,插入AMP组件,并为AMPHTML引入诸如runtime验证之类的调试功能。而且MIP-JS用来管理资源的装载,支持MIP标签的使用,保证了快速呈现页面。
AMPcache提供第三方缓存,因此从Google搜索进入AMP网页就可以进行预加载甚至预渲染。AMP-Cache为所有MIP页面提供CDN缓存服务,并积极地提高页面的加载速度。
他们带来了什么?
2017百度给出了网站MIP的盈利数据,使用MIP技术的网站,用户到达率提高5%-30%,页面打开速度提高30%-80%。
除此之外,AMP和MIP都会影响搜索结果网站页面的排名,尽管Google此前否认AMP与此有关联,但百度对此作出了正面回应,认为MIP虽然不是排名的主要因素,但由于MIP网站的打开速度较快,访问量增加,随之而来的,网站的权重也会提高,排名自然上升,但权重提升的具体数据,百度并未给出。
什么网站适合AMP和MIP?
如前所述,AMP和MIP的首要目标是加速网页速度,提升用户体验,而那些依赖流量的媒体网站或者依赖引导流量的电商则可以通过这种技术来提高网站留存率,而那些为了宣传自己而成立的小公司或者新公司,利用AMP和MIP来提高搜索结果排名,换句话说,以前需要竞价排名的网站,现在可以通过搜索引擎提供的技术来实现在搜索页面上优先显示结果的目的。
为何百度要自主研发MIP?
由于AMP与MIP在技术和功能上有如此之高的相似度,并且AMP是开源的,为什么百度不直接使用AMP,而是自己开发MIP?
针对这一问题,小编特意采访了百度的相关专家,得到的回答是:一些AMP资源在国内无法稳定访问,虽然国内也有Safari和Chrome这样的浏览器,但国内UC、QQ等浏览器可能不能使用AMP,从功能上讲,MIP规范以及提供的组件,更适合中国开发者和站长使用,比如浮动组件。从效率方面来说,AMP的所有组件都需要在github上提交审核,整个过程很长,MIP是专为国内开发者服务的,提供了许多快捷方式。总之,这两种方法都解决了同样的问题,但MIP更适合中国市场和用户。
网页优化原则。
MIP和AMP本质上都是通过优化页面渲染或延迟加载,减少阻塞的原则来加速页面。正如企业中的一些规范一样,我们可能拥有一套改进代码质量和页面性能的标准。只是这两种优化方法可以为我们带来SEO。接下来,我们将以MIP为例来理解她的加速原理。
该计划主要由三部分组成:
MIPHTML
MIPJS
麦卡奇。
在HTML基础上,MIPHTML为基础标签制定了全新的规范,通过对基础标签的使用限制或功能扩展,使得HTML呈现出更丰富的内容;MIPJS为MIPHTML的快速渲染提供了保证;MIPCache用于实现MIP页面的高速缓存,从而进一步提高页面性能。
以下是MIP页面的加速原理说明:
设计良好的javascript脚本。
MIP不允许用户定制JavaScript,这需要引入MIP组件,以确保安全和性能表现。
所有的静态资源都需要标识出来。
该标准要求所有资源(广告、图片、音频和视频)都要有尺寸标识。真正加载资源时,可以立即推断所有资源大小,并快速计算页面布局,加载后的资源会无缝呈现,不会因为页面频繁更新而影响用户的阅读体验。
任何阻止页面渲染的机制都是不允许的。
开发人员的任何定制脚本,都需要通过MIP的标签来反馈给MIP,比如mip-ad,mip-iframe等等,而不会阻塞layout和页面的渲染。
对外部资源的加载控制。
MIPruntime将控制外部资源的装入,以确保其效率,从而使用户想要阅读的内容尽快在屏幕上显示出来。
整合互动功能。
MIP主张网页可以给用户直接、简单的体验,但这并没有。

滚动至顶部