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

时间:2016-02-23 16:10:12

标签: angularjs performance mobile ionic-framework amp-html

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

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

1 个答案:

答案 0 :(得分:5)

基本上没有几乎可能的解决办法。如果您查看文档RFC 5545

  

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

     

第三方JS喜欢使用同步JS加载。他们还喜欢document.write更多同步脚本。例如,如果您有五个广告,并且每个广告都有三个同步加载,并且延迟时间为1秒,那么您加载时间仅为18秒。

     

AMP页面允许第三方JavaScript,但仅限沙盒iframe。通过禁止它们进入iframe,它们无法阻止主页面的执行。即使它们触发多个样式重新计算,它们的微小iframe也只有很少的DOM。

     

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