如何为动态网页创建Google放大器？

Question

有没有办法为动态网页创建Google放大器？我的网站包含表格元素，如主要表单，页面评论等。我对AMP印象深刻，并希望通过我的网站实现它。

Answer 1

这取决于“动态”。 AMP可以被视为HTML的精简版本。您不允许使用任意脚本，但Google会维护一组approved AMP extensions，可以让您执行添加手风琴，灯箱，广告单元等操作。您也不能包含表单标签或任何HTML表单元素（输入，选择，文本区域等）。但是，您可以使用amp-iframe在AMP页面中嵌入其他网页。此其他网页不必符合AMP规范，因此您可以以这种方式自由添加表单。请记住，标准的iframe规则适用：您必须为框架设置一个固定的高度（对于多个步骤表单可能会出现问题，其中字段数量会在页面之间发生变化），并且您的成功响应将仅限于iframe（含义）你无法将整个页面重定向到其他地方）。不过，它对你来说可能是一个可行的解决方案。

通常，AMP页面假设很简单。这就是这个想法。谷歌的限制是迫使你保持简单。 AMP的最佳用途仍然是纯粹的内容页面，如博客文章，新闻和其他文章类型的东西。你可以把它推得更远，但是当你试图推动时，限制开始变得更加刺激。根据我的经验，试图获得一个与理想情况相近的近似值的试验和错误。

AMP的好处在于它完全选择加入和零碎。您无需转换整个网站。如果需要，您可以只做一个页面。这可以让你的脚湿透，为你的网站提供一些额外的果汁，如果你不能用AMP做你想做的事，你可以使用一个标准的网页，而不会受到惩罚。

Answer 2

我刚刚为所有8个ABC新闻网站创建了一个AMP引擎。我遇到的最大问题是必须通过HTTPS为AMP标签提供服务。我们的视频播放器需要广泛的外部JS来支持它使用预卷和广告。我们还在页面上与多个供应商进行了大量广告宣传。在潜入之前，你一定要尽可能read up on AMP。

@chris_pratt上面说过AMP页面中不允许使用表单标签和元素。已在AMP页面中为embedding forms添加了支持。

AMP最重要的事情是：

1. 没有外部JS（如果需要，必须通过amp-iframe拉入）
2. 需要通过HTTPS
进行AMP特定代码的调用
3. 不能使用内联CSS，也不能使用外部样式表。使用标记（最大50k）
添加自定义CSS
4. 在我的情况下，我有混合内容警告（这将阻止AMP页面有效）尝试将JS文件拉入AMP-IFRAME。
5. 在将AMP实施到项目之前，需要解决AMP页面中的许多限制。风格明智，你会注意到某些CSS是不被允许的，一个是＆＃34;！important＆＃34;和＆＃34; *＆＃34;。这只是其中的一小部分，请阅读其余内容。
6. 在开始之前，您还需要阅读布局规则。

底线是AMP加载页面的速度非常快，但为了实际显示AMP版本，它们必须满足很多限制和要求。一旦了解了限制，您就应该能够相应地规划攻击。

希望这有帮助。