如何在Ionic 3（单页应用程序）中计算页面加载时间？

Question

我正在创建一个函数，该函数可以为Ionic 3 App的每个页面计算页面加载时间（我使用延迟加载）。但是，我目前仍然遇到问题：

• 页面何时开始创建HTML？

• 页面何时创建HTML？

• 页面何时完成下载页面上的所有资源（图像等）？

有人可以给我建议吗？

Answer 1

要注意的一件事是https://blog.ionicframework.com/navigating-lifecycle-events/，其中包含离子生命周期，例如。 ionViewDidLoad()：仅在视图存储在内存中时触发。进入已缓存的视图时不会触发此事件。这是执行初始化相关任务的好地方。

Ionic 3的页面也是有角度的组件，因此我想要看的另一件事是组件挂钩。在组件生命周期的各个阶段都会触发这些方法。

https://angular.io/guide/lifecycle-hooks https://www.intertech.com/Blog/angular-component-lifecycle/

例如ngAfterViewInit(){ stopTimer() } //this method is fired once Angular initializes component and child component content

要实现您想要的目标，您可以提供两个页面都链接到的提供程序。更改页面时，请启动计时器，然后使用ngAfterViewInit()或其他更合适的挂钩将其停止。