最近我听说过Accelerated Mobile Pages项目,并阅读了一些有关它的信息。
我想知道如何在基于Ionic和Angular的现有网站上实现它?
答案 0 :(得分:5)
基本上没有几乎可能的解决办法。如果您查看文档RFC 5545。
将所有第三方JavaScript排除在关键路径之外
第三方JS喜欢使用同步JS加载。他们还喜欢document.write更多同步脚本。例如,如果您有五个广告,并且每个广告都有三个同步加载,并且延迟时间为1秒,那么您加载时间仅为18秒。
AMP页面允许第三方JavaScript,但仅限沙盒iframe。通过禁止它们进入iframe,它们无法阻止主页面的执行。即使它们触发多个样式重新计算,它们的微小iframe也只有很少的DOM。
样式重新计算和布局是DOM大小的典型值,因此与重新计算页面的样式和布局相比,iframe重新计算速度非常快。