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

Question

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

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

Answer 1

基本上，几乎没有解决方案可以做到这一点。如果您在此处查看文档。

让所有第三方JavaScript脱离关键路径

第三方JS喜欢使用同步JS加载。他们还喜欢document.write更多同步脚本。例如，如果您有五个广告，每个广告都进行了三个同步加载，并且连接延迟为1秒，那么您仅需要18秒的加载时间即可进行JS加载。

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

样式重新计算和布局是DOM大小所特有的，因此与重新计算页面的样式和布局相比，iframe重新计算非常快。