@qinyun
2018-05-30T18:13:08.000000Z
字数 2299
阅读 1672
未分类
21世纪是互联网时代,也是信息爆炸的时代,伴随着生活节奏的加快,我们需要高效地筛选出有用信息,此时,信息加载的速度就显得尤为重要。
有研究表明,一些加载缓慢的网页更容易被用户抛弃,网页打开的速度关系到网站的流量,这些可从社交网站、搜索引擎和电商的数据看出来:Facebook页面加载速度每慢500ms,用户浏览量就下降3%,Chrome每慢500ms,搜索量就下降25%,Amazon每慢100ms,成单量就下降1%。
为此,2016年初,Facebook发布即时文章,Google发布AMP,同年,百度发布了MIP,这些技术都可以加快页面加载速度,但是Facebook的即时文章与后两者不同的是,它是App内嵌的页面,只允许在Facebook软件内使用,后两者是完全基于浏览器,并在浏览器中渲染的。下文将只围绕AMP和MIP进行讨论。
AMP和MIP都是开源的,不管是从技术层面还是用途上来说,AMP和MIP的区别都不大。
AMP(Accelerated Mobile Pages,加速移动页面)是Google推出的一种为静态内容构建Web页面,提供可靠和快速的渲染,加快移动页面加载的速度,提高用户的浏览体验。
MIP(Mobile Instant Pages,移动网页加速器)是百度推出的一套应用于移动网页的开放性技术标准,充分借鉴了AMP,被很多开发者看作是国内版AMP。
在使用手机浏览器搜索时,使用了MIP或AMP的网站在搜索结果中会显示一个闪电的标志。
AMP和MIP都是由三个部分组成,前者由AMP HTML、AMP runtime、AMP cache组成,后者由MIP-HTML、MIP-JS、MIP-Cache组成。
在AMP HTML上,它只允许使用有限的标签,如body
、article
这些标签可直接使用,但如script
、frame
和frameset
这样的标签是被限制或禁止使用的,MIP中也如此。而如img或video这样的标签不能直接使用,需要替换成别的标签才能使用,如在AMP中需要替换成amp-img
,在mip
中替换成mip-img
。
AMP runtime是完全用JavaScript来实现的,是由引入它的AMP文件来启动的,它的主要作用是负责协调资源的加载时机和优先级,插入AMP组件,并为AMP HTML引入runtime验证等调试功能。而MIP-JS用于管理资源的加载,并支持MIP标签的使用,从而确保页面快速的渲染。
AMP cache提供了第三方的缓存,这样从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技术和功能上的相似性如此高,而且AMP又是开源的,为何百度不直接使用AMP而是自研MIP呢?
就这个问题,小编特意去采访了百度的有关专家,得到的答案是:AMP的一些资源,在国内无法稳定地访问,虽然国内也有Safari和Chrome这样的浏览器,但是国内UC、QQ等浏览器可能无法使用AMP,从功能上来说,MIP的规范以及提供的组件,更加适合中国的开发者和站长,比如浮动组件。另一方面,在效率上,AMP所有的组件都需要在github上提交审核,整个过程很漫长,而MIP专门为国内开发者服务,提供了很多的快速通道。总而言之,他俩解决的问题是一样的,但是MIP更加适用于中国的市场和用户。
另外,去年8月30日,W3C中国曾联合百度举办了移动网页加速技术研讨会,研讨会总结认为,有必要在W3C中启动MIP、AMP、Instant Article、云加速相关技术的标准化工作,包括如何在浏览器中预取/预渲染一个页面,将预取/预渲染的页面异步展现在当前浏览器环境,通过稳定、快速的CDN服务提供更快的页面网络环境。标准化将为内容站点和服务商提供统一的标准和接口来实现页面加速技术,既改善开发者的开发环境,也提高用户体验,这对百度来说,不失为功德一件。
虽然,AMP和MIP在功能和技术上都高度相似,但开发者要是想用这项技术开发网站,还是得做两种不同的方案。就目前来说,由于一些众所周知的原因,国内Chrome的用户较少,百度占优势,所以如果国内的开发者想尝试这个技术,建议先从MIP入手,如果开发的网站面向国际,可优先考虑AMP。