AMP:Google 新技术能让网页瞬间加载完毕

作为一家活在 Web 世界的公司,Google 对提升网页性能一直是不遗余力。今天,为了让用户能够更快地浏览网页,Google 联合 8 家科技公司以及近 30 家新闻机构一起发布了一个名为移动页面加速(Accelerated Mobile Pages)的开源项目。它带来的结果就是,你真的可以瞬时打开一个网页了,速度快到第一次使用的人难以相信这竟然是 Web 页面。

在介绍产品之前,我们不妨先来看看采用这种技术之后,在手机上打开网页的速度到底有多快。从上面这张 GIF 图中可以看到,用户在 Google 搜索结果页面点击卫报的那条新闻之后,页面真的是立刻加载完毕,是不是?

看完之后,你或许会好奇 Google 推出这个新项目时为何要拉上一群新闻机构。其实,从某种程度上来说,这款产品也算是 Google 对 Facebook Instant Articles、Apple News 的回应。在 Facebook 和苹果都希望给读者更加友好的新闻消费体验时,Google 也不愿落后。

从产品方面看,用户可以访问 http://g.co/ampdemo 来体验 AMP 技术的效果。比如,用户在 Google 上搜索 Mars 之后,Google 就会在搜索结果的最前面提供与火星相关的、来自各大新闻媒体的相关资讯,而这些内容都是可以瞬时打开的。

从技术方面来说,采用 AMP 技术的网页之所以可以打开的这么快,这主要得益于它剔除了网页代码中各种可能会拖慢速度的部分,比如第三方的脚本文件、一些 HTML 标签、广告追踪器等等。

由于 AMP 是一个开源项目,所以用户不是仅仅在 Google 搜索页面才可以使用它。由于 Twitter、LinkedIn、Pinterest、WordPress.com 这些知名的互联网服务也将会整合 AMP 技术,所以以后在这些站点上应该也能实现瞬间打开新闻内容的效果。

在 AMP 官网提供的新闻机构合作列表上,除了纽约时报、BBC、卫报、经济学人等国际化的知名媒体为外,像日本的朝日新闻、每日新闻也都是这个项目的内容合作方。

想象一下,当这项新技术被大范围应用后,以后你在移动设备上点这些新闻媒体的链接都是瞬间打开。这种体验应该也不比原生新闻 app 慢了吧。

总结来看,AMP 这个新项目对于媒体公司来说是个好事,对于读者来说也是好事。对于 Google 来说,它也有了一种新的方式和 Facebook、苹果在新闻资讯消费方面竞争。

文章转载自 开源中国社区[https://www.oschina.net]

时间: 2025-01-20 20:08:43

AMP:Google 新技术能让网页瞬间加载完毕的相关文章

【百分结贴】能完美判断网页是否全部加载完毕吗?

问题描述 C#内置的WebBrowser控件不能准确判断网页什么时候最终装载完毕,有高手帮我借鉴通过延迟.记录再对比的方式做过测试,但也没找到好的效果,一般情况都是10个里面有两个不行.谁有办法直接判断网页是否加载完毕(包括页面中的frame和js)? 解决方案 解决方案二:该回复于2012-07-28 09:58:23被版主删除解决方案三:谁写过类似的程序?解决方案四:为什么必须要加载完毕?解决方案五:主要是需要递归判断所有框架网页是否都加载完毕.另外一些网页使用了ajax会导致不断刷新数据,

网页代码加载完成后执行transition

文章简介:网页代码加载完毕再执行transition. 首先给body添加preload这个class,然后给所有的元素执行transition为none,最后通过js判断,加载完毕把body上的preload这个class去掉 <body class="preload"> .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: n

javascript实现网页最后加载广告的代码(支持 百度,google)

让你的网站广告不再影响你网站速度:先加载网页后加载广告的方法,先加载网页,后加载广告,广告最后显示,这样既保证了网页的正常访问又不影响广告投放!此广告优化方法适用有一切广告框架,JS等! 第一步:把这段代码放在你要放广告的网页位置,让先只是显示"广告加载中-"的字样  代码如下 复制代码 <div id=ad_box>广告载入中-</div> 第二步:把这段代码放到页面的底部,将广告代码加载到上面那个位置,取代原来的文字!  代码如下 复制代码 <div

Js表格万条数据瞬间加载实现代码

 一条数据创建一行,如果数量大的时候,一次性要加载完数据的话,浏览器就会卡上半天,下面有个不错的方法,大家可以参考下 Js表格,万条数据瞬间加载    在Ajax动态加载数据的实际应用中,大家都习惯了一种思维方式:一条数据创建一行.  于是如果数量大的时候,一次性要加载完数据的话,浏览器就会卡上半天    受Flex的DataGrid控件的启发,在Flex的DataGrid控件中,展示数据的方法并不是有多少条数据就创建多少行,它最多只创建你在界面上所看到的十几二十行(假设为n行),如果数据多的话

网页以加载速度为主还是以维护方便容易为主

文章简介:利用css sprites减少图片请求. 在高举"用户体验"为中心的网络时代,你是否因为打开网页速度太慢而关闭网页呢?相信很多人的答案都是肯定的.在高速的网络时代,千万不要挑战广东网民的耐心,不然只会导致网民远离你的网站而去. 网页提速有很多的方法,其中一条就是减少http请求.每一个网站都会用到图片,当一个网站有10张单独的图片,就意味着在浏览网站时会向服务器提出10次http请求来加载图片.下面为大家介绍减少图片请求的方法. css sprites:网站前端开发者大多称之

winform的webbrowser显示的网页中加载flash会导致内存飙升怎么解决

问题描述 winform的webbrowser显示的网页中加载flash会导致内存飙升怎么解决 5C winform的webbrowser显示的网页中加载flash会导致内存飙升,报错如下: 问题签名: 问题事件名称: APPCRASH 应用程序名: iexplore.exe 应用程序版本: 9.0.8112.16421 应用程序时间戳: 4d76255d 故障模块名称: Flash32_11_2_202_235.ocx 故障模块版本: 11.2.202.235 故障模块时间戳: 4f9af5a

MFC在登陆页面中 加一个显示验证码的控件应该加哪个?图片从一个网页中加载出来的

问题描述 MFC在登陆页面中 加一个显示验证码的控件应该加哪个?图片从一个网页中加载出来的 http://202.200.144.63/(gac14yvwcsjrzj45cx1fq4ed)/CheckCode.aspx 我想把这网页里的图片显示在登陆界面作为验证码,请问我该在对话框中加什么控件,我用的是下边的方法 CHtmlView* pView= (CHtmlView*)m_wndSplit.GetPane(0,1); pView->Navigate("http://hao.201201

webgl 如何在网页上加载obj类型的三维模型,求通用源码

问题描述 webgl 如何在网页上加载obj类型的三维模型,求通用源码 哪位大神可以帮帮小弟 给一份在网页上加载.obj类型的三维模型,之前有一些 但是加载的时候要么就是很大大到看不见,要么就是很小小到看不见 技术小白,万分感谢,好人一生平安!! 解决方案 我没有找到,希望你以后能够找到

网页优化加载速度的七个小技巧

中介交易 SEO诊断 淘宝客 云主机 技术大厅 第一.优化图片几乎没有哪个网页上是没有图片的.如果你经历过56K猫的年代,你一定不会很喜欢有大量图片的网站.因为加载那样一个网页会花费大量的时间.即使在现在,网络带宽有了很多的提高,56K猫逐渐淡出,优化图片以加快网页速度还是很有必要的.优化图片包括减少图片数.降低图像质量.使用恰当的格式.1.减少图片数:去除不必要的图片.2.降低图像质量:如果不是很必要,尝试降低图像的质量,尤其是jpg格式,降低5%的质量看起来变化不是很大,但文大小的变化是比较