4

新的 AMP 给我留下了深刻的印象，并希望在我的移动网站上实施它。我的移动网站上的大部分内容都是基于登录用户的动态含义，它将从不同的后端服务（如 mysql 和 sphinx）获取数据并呈现结果。

我可以将 AMP 用于我的移动网站吗？在谷歌上做了一些搜索后，我发现人们推荐它用于静态页面。以及 CDN 缓存技术如何适用于 AMP 中的动态页面。

4

3 回答 3

2

您可以使用该amp-list组件嵌入用户特定的动态内容（文档、示例）。这个名称amp-list有点误导，因为您也可以将它用于单个项目。如果您的 AMP 通过缓存加载，这也将起作用。

另一种可能性是使用iframe。

于 2016-07-16T06:21:12.710 回答
0

我还想知道缓存如何用于动态页面。我在 AMP Github 上发现了一个问题，基本上解释了 Google 缓存尊重 http 标头中的 Cache-control max-age 属性来评估何时必须更新缓存. 唯一不起作用的是将其设置为 0。

但看起来他们正在研究一种以编程方式清理缓存的解决方案。

这是 AMP GitHub 相关页面： https ://github.com/ampproject/amphtml/issues/1901

于 2016-02-26T08:26:56.397 回答
-2

您可以将 AMP 用于动态网站。因为我们在使用 AMP 插件（即动态网站）的 WordPress 网站上使用 AMP。

您需要前往官方网站并遵循入门指南：https ://www.ampproject.org

我添加了到目前为止我学到的几点，到目前为止创建了一些 AMP 页面和模板。

由于您拥有自己的自定义网站，因此您需要自己实施和创建 AMP 页面或 AMP 模板，需要考虑两个要点：

  1. 您的普通页面将在标题中包含一个链接，指定它具有可用以下标记的页面的 AMP 版本：

    <link rel="amphtml" href="exact-url-to-you-amp-version-of-this-page" />

  2. 然后，您将创建该页面的 AMP 版本，该版本具有与 rel=canonical 类似的链接，以避免重复处罚，即 AMP 版本将具有以下链接：

    <link rel="canonical" href="exact-url-to-your-original-non-amp-page" />

这奠定了基础。现在 AMP 页面需要遵守非常严格的格式，即不允许使用样式表或脚本或 img 标签。 https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#html-tags

您可以使用此基本模板开始使用，因为您需要在页眉中添加一些其他标记，例如页面中 HTML 标记中的 AMP 符号来声明它是 AMP 页面。然后，您按照所有规则在此页面上构建动态内容部分，即 img 标签使用 amp-img 标签，没有 iframe，html 标签上没有内联样式.. 没有外部样式表.. 即内联 css 样式规则等。 https://www .ampproject.org/docs/get_started/create/basic_markup.html

您还可以通过将#development=1 添加到 URL 并在 Chrome 控制台中查看任何错误来验证您创建的 AMP 页面。更多信息： https ://www.ampproject.org/docs/guides/validate.html

于 2016-01-29T18:49:22.133 回答