New AMP Roadshows.
AMP Roadshows

一项开源计划,旨在为所有人改进内容生态系统。

AMP 是一个开放源代码库,它提供了一种非常简单的方法,让您能够轻松地为用户创建富有吸引力、运行顺畅且几乎可即时完成加载的网页。AMP 网页其实只是可由您链接到和控制的网页而已。

在使用 AMP 创建网页之前,您必须已经掌握了一系列网页制作技能与框架。AMP 受到众多不同平台的支持,并兼容各种浏览器

AMP 的生态系统包括 2500 万个网域、100 多个技术提供商以及各大主流平台,涵盖出版、广告、电子商务、本地及小型企业等领域!

观看此介绍性视频以了解详情

AMP 网页采用 3 大核心组件构建而成:

AMP HTML

AMP HTML 是为确保实现可靠性能而设有一些限制的 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 网页

搜索引擎和其他平台 可通过 HTML 标记 <link rel=""> 发现 AMP 网页。您可以选择为网页同时制作非 AMP 版本和 AMP 版本,或仅制作 AMP 版本。要了解详情, 请参阅使您的网页可被轻松发现

AMP JS

AMP JS 库可确保 AMP HTML 网页快速呈现。

AMP JS 库可实现 所有 AMP 最佳性能做法、 管理资源加载并为您提供上述自定义标记, 所有这一切都是为了确保您的网页能够快速呈现。

最重大的优化措施之一是,AMP 可使来自外部资源的所有内容异步加载,让网页中的任何内容都能顺畅无碍地呈现。

其他的性能提升技术包括:将所有 iframe 沙盒化、在加载资源之前预先计算网页上各元素的布局,以及停用运行缓慢的 CSS 选择器。

要详细了解优化及相关限制,请参阅 AMP HTML 规范

AMP 缓存

Google AMP 缓存可用于提供缓存的 AMP HTML 网页。

Google AMP 缓存是一种基于代理的内容传送网络, 用于传送所有有效的 AMP 文档。 它可提取和缓存 AMP HTML 网页,并自动改进网页性能。 在使用 Google AMP 缓存时,相应文档、所有 JS 文件以及所有图片都会 从同一个使用 HTTP 2.0 的来源加载,以实现最高效率。

该缓存还附带了内置 验证系统, 可确保网页一定会正常运行 且不依赖外部资源。 该验证系统会运行一系列断言, 以确保网页标记符合 AMP HTML 规范。

该验证工具的另一个版本是与每个 AMP 网页捆绑在一起的。该版本可在呈现网页时将验证错误直接记录到浏览器控制台中, 以便您能够了解复杂的代码更改 可能会对性能和用户体验产生怎样的影响。

详细了解如何测试您的 AMP HTML 网页

了解 AMP 设计原则

探索设计原则

了解 AMP 可如何为您效劳