最近我听说了Accelerate Mobile Pages项目，并读到了一些关于它的信息。我想知道如何实现它为现有的网站，建立在离子和Angular ？
uoifb46i1#
基本上没有几乎可能的解决方案来做到这一点。如果你检查一下这里的医生。
第三方JS喜欢使用同步JS加载。他们还喜欢记录。编写更多的同步脚本。例如，如果你有五个广告，每个广告有三个同步加载，并且有1秒的延迟连接，那么你只需要18秒的加载时间就可以加载JS。AMP页面允许第三方JavaScript，但仅在沙盒IFRAME中。通过禁止他们进入iframe，他们不能阻止主页的执行。即使它们触发了多个样式的重新计算，它们的小iframe也只有很少的DOM。样式-重新计算和布局是典型的DOM大小，所以与重新计算页面的样式和布局相比，IFRAME重新计算非常快。
khbbv19g2#
我还没有用一个Angular 应用程序做到这一点，但这是我从研究中得到的让它发生的东西。您可以考虑检查：
我仍在寻找一种更好、更快的解决方案，我会亲自尝试并更新我的答案。注：在AMP.dev Docs上，他们提到你可以将任何一款React应用转向AMP，但我在AMP的官方文档上找不到任何关于Angular 的东西。
2条答案
按热度按时间uoifb46i1#
基本上没有几乎可能的解决方案来做到这一点。如果你检查一下这里的医生。
将所有第三方Java脚本排除在关键路径之外
第三方JS喜欢使用同步JS加载。他们还喜欢记录。编写更多的同步脚本。例如，如果你有五个广告，每个广告有三个同步加载，并且有1秒的延迟连接，那么你只需要18秒的加载时间就可以加载JS。
AMP页面允许第三方JavaScript，但仅在沙盒IFRAME中。通过禁止他们进入iframe，他们不能阻止主页的执行。即使它们触发了多个样式的重新计算，它们的小iframe也只有很少的DOM。
样式-重新计算和布局是典型的DOM大小，所以与重新计算页面的样式和布局相比，IFRAME重新计算非常快。
khbbv19g2#
我还没有用一个Angular 应用程序做到这一点，但这是我从研究中得到的让它发生的东西。
您可以考虑检查：
我仍在寻找一种更好、更快的解决方案，我会亲自尝试并更新我的答案。
注：在AMP.dev Docs上，他们提到你可以将任何一款React应用转向AMP，但我在AMP的官方文档上找不到任何关于Angular 的东西。