Amp html 加速移动页面-动态页面

Amp html 加速移动页面-动态页面,amp-html,Amp Html,新的AMP给我留下了深刻的印象,我想在我的移动网站上实现它。我的移动站点上的大部分内容都是动态的,基于登录用户,它将从不同的后端服务(如mysql和sphinx)获取数据,并呈现结果 我可以为我的移动站点使用AMP吗。在谷歌上做了一些搜索后,我发现人们推荐它用于静态页面。另外,CDN缓存技术如何在AMP中为动态页面工作。您可以将AMP用于动态站点。因为我们在WordPress网站上使用AMP插件,即动态网站 您需要前往官方网站并遵循《入门指南》: 到目前为止,我添加了一些我学到的要点,创建了一些

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


我可以为我的移动站点使用AMP吗。在谷歌上做了一些搜索后,我发现人们推荐它用于静态页面。另外,CDN缓存技术如何在AMP中为动态页面工作。

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

您需要前往官方网站并遵循《入门指南》:

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

由于您有自己的自定义网站,您需要自行实施和创建AMP页面或AMP模板,并考虑以下两点:

  • 您的普通页面在标题中将有一个链接,指定该页面的AMP版本具有以下标记:

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

  • 这就奠定了舞台。现在AMP页面需要遵守非常严格的格式,即不允许使用样式表、脚本或img标记

    您可以使用此基本模板开始,因为页眉中几乎不需要其他标记,例如页面中HTML标记中的AMP符号,以声明它是AMP页面。然后,您在此页面上按照所有规则构建动态内容部分,即img标记使用amp img标记,没有iframe,html标记上没有内联样式。。没有外部样式表。。i、 内联css样式规则等。

    此外,您还可以通过在URL中添加#development=1并查看Chrome控制台中的任何错误来验证您创建的AMP页面。更多信息请点击此处:

    我还想知道缓存是如何处理动态页面的。我在AMP Github上发现了一个问题,它基本上解释了Google缓存在http头中尊重缓存控制最大年龄属性,以便在需要更新缓存时进行评估。唯一不起作用的是将其设置为0

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

    以下是AMP GitHub的相关页面:

    您可以使用
    amp list
    组件嵌入用户特定的动态内容(,)。名称
    amp list
    有点误导,因为您也可以将其用于单个项目。如果放大器是通过缓存加载的,这也会起作用


    另一种可能是使用。

    显示您迄今为止所做的工作。您是否根据用户的登录向其提供不同的内容?OP要求根据查看者的不同,显示同一页面的不同版本,这与通过Wordpress创建内容并使用AMP背景页显示新页面不同。