据路透社报道,谷歌公司宣布,正在测试一项名为“加速移动网页项目”(Accelerated Mobile Pages Project)AMP服务,该服务允许移动用户在很短时间内搜索、加载发行商的海量内容。谷歌此举旨在向苹果、Facebook等厂商类似服务发起挑战。但与苹果的Apple News以及Facebook的“即时文章”(Instant Articles)所不同的是,发行商在谷歌的“加速移动网页项目”上展示内容时不必向后者支付费用。

它带来的结果就是,你真的可以瞬时打开一个网页了,速度快到第一次使用的人难以相信这竟然是 Web 页面。

谷歌AMP项目官网:https://www.ampproject.org/zh_cn/(目前中文网页正在翻译中)

谷歌新闻主管理查德·金格拉斯(Richard Gingras)在周三举行的媒体发布会上表示:“该服务在无需交易的环境运行。”目前这一服务谷歌正处于测试阶段,但该公司高管没有透露何时面向公众正 式推出。金格拉斯称,该服务最初面向新闻发行商开放,但谷歌最终会面向其他类型的内容发行商开放。

发行商一直致力于使他们基于Web的内容、能够向在自己的应用程序上一样实现无缝加载。允许用户屏蔽某些内容的广告阻拦器,确保了发行商的内容当中没有广告,从而使发行商的内容能够以更友好的方式、更短时间到达用户。

参加谷歌该项目讨论的《华盛顿邮报》新兴新闻产品的执行董事科里·哈克(Cory Haik)称,比如,《华盛顿邮报》60%的用户来自移动设备,该媒体曾耗费18个月的时间来改善面向消费者的应用。哈克表示,有些东西“在我们掌控之内”,但他同时指出, “Web是一个完全不同的主题……某种程度上来说是一个蛮荒地带。”

Twitter产品经理迈克尔·达克尔 (Michael Ducker)则表示,Twitter是谷歌“加速移动网页项目”合作伙伴之一,并计划将该服务连接到自家应用上。据悉,《纽约时报》、Vox.com、 Buzzfeed、La Stampa等其他媒体都将支持谷歌的这一服务。

谷歌表示,“加速移动网页项目”不会受到广告阻拦器的影响,这一新的内容消费格式将更加注重消费者的广告经验——广告加载的时间很短很短。

什么是AMP?

通过 AMP 可以构建快速渲染的静态内容网页。 AMP 实例由三个不同部分组成:
AMP HTML 是为确保可靠性能而具有某些限制的 HTML, 它进行了一些扩展,可以构建超出基本 HTML 的丰富内容。 AMP JS 库可确保快速渲染 AMP HTML 页面。 Google AMP Cache(可选)提供 AMP HTML 页面。

AMP HTML

AMP HTML 本质上是使用自定义 AMP 属性扩展的 HTML。 最简单的 AMP HTML 文件如下所示:

<!doctype html>
<html ⚡>
 <head>
   <meta charset="utf-8">
   <link rel="canonical" href="hello-world.html">
   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
   <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
   <script async src="https://cdn.ampproject.org/v0.js"></script>
 </head>
 <body>Hello World!</body>
</html>

尽管 AMP HTML 页面中的大多数标记都是常规 HTML 标记,但部分 HTML 标记替换为了 AMP 特定标记(另请参阅

AMP 规范中的 HTML 标记)。 利用这些自定义元素(称为 AMP HTML 组件) 可以轻松高效地实现常见的模式。

例如,amp-img 标记可提供完整的 srcset 支持,即使在尚不支持该标记的浏览器中也是如此。

了解如何创建您的第一个 AMP HTML 页面

AMP JS

AMP JS 库可实现所有 AMP 的最佳性能做法

管理资源加载,并为您提供上面提到的自定义标记, 所有这些都是为了确保快速渲染您的页面。

重大优化之一就是使来自外部资源的所有内容保持异步,让页面中的任何内容都能毫无阻碍地渲染。

其他性能技术还包括:将所有 iframe 沙盒化、加载资源之前对页面上每个元素的布局进行预先计算,以及禁用性能缓慢的 CSS 选择器。

如需详细了解优化和相关限制,请阅读 AMP HTML 规范.

Google AMP Cache

Google AMP Cache 是一种基于代理的内容交付网络,用于交付所有有效的 AMP 文档。

它可提取 AMP HTML 页面,对页面进行缓存,并自动改进页面性能。 使用 Google AMP Cache 时,文档、所有 JS 文件及所有图像都从使用 HTTP 2.0 的同一来源加载,从而可实现最高效率。

此外,Google AMP Cache 还带有内置验证系统,可确认页面能够正常工作,并且不依赖于外部资源。

此验证系统运行一系列断言,确认页面的标记符合 AMP HTML 规范。

另一个版本的验证器与各个 AMP 页面捆绑提供。此版本可在页面渲染时将验证错误直接记录到浏览器的控制台中,让您可以看到代码中的复杂变化可能会对性能和用户体验产生怎样的影响。

详细了解测试 AMP HTML 页面

AMP 如何提升性能(点击访问谷歌官网网站)