最近我听说了 Accelerated Mobile Pages 项目,并阅读了一些关于它的信息。
我想知道如何为基于 Ionic 和 Angular 的现有网站实现它?
最近我听说了 Accelerated Mobile Pages 项目,并阅读了一些关于它的信息。
我想知道如何为基于 Ionic 和 Angular 的现有网站实现它?
基本上没有几乎可能的解决方案来做到这一点。如果你在这里查看文档。
将所有第三方 JavaScript 排除在关键路径之外
第三方 JS 喜欢使用同步 JS 加载。他们还喜欢编写更多的同步脚本。例如,如果您有 5 个广告,每个广告执行 3 个同步加载,连接延迟为 1 秒,那么您在 18 秒的加载时间内仅用于 JS 加载。
AMP 页面允许第三方 JavaScript,但仅限于沙盒 iframe。通过禁止它们进入 iframe,它们不能阻止主页面的执行。即使它们触发了多次样式重新计算,它们的小 iframe 也只有很少的 DOM。
样式重新计算和布局对于 DOM 大小是典型的,因此与重新计算页面样式和布局相比,iframe 重新计算非常快。