如何在角度/离子网站中实现 AMP？

Posted 2023-03-31

【中文标题】如何在角度/离子网站中实现 AMP？

【英文标题】：How can I implement AMP in angular/ionic website?

【发布时间】：2016-02-23 16:10:11

【问题描述】：

最近我听说了 Accelerated Mobile Pages 项目，并阅读了一些有关它的信息。

我想知道如何为基于 Ionic 和 Angular 的现有网站实现它？

【问题讨论】：

我建议你多读一些。 AMP 几乎排除了除它自己之外的所有 javascript。

@KobiCohen，您是否找到任何解决方案，或者我们在计划拥有 AMP html 的同时不能只拥有 Angular？

简答：不...

【参考方案1】：

基本上没有几乎可行的解决方案来做到这一点。如果您查看文档here。

将所有第三方 JavaScript 排除在关键路径之外

第三方JS喜欢使用同步JS加载。他们还喜欢编写更多的同步脚本。例如，如果您有 5 个广告，每个广告执行 3 个同步加载，连接延迟为 1 秒，那么您在 18 秒的加载时间内加载 JS。

AMP 网页允许使用第三方 JavaScript，但只能在沙盒 iframe 中使用。通过禁止它们进入 iframe，它们不能阻止主页面的执行。即使它们触发了多次样式重新计算，它们的小 iframe 也只有很少的 DOM。

样式重新计算和布局对于 DOM 大小是典型的，因此与重新计算页面样式和布局相比，iframe 重新计算非常快。

【讨论】：

我实际上读到了完全相同的行，这就是为什么我要问是否有人已经想出一种方法来加载角度异步并稍后引导它