我有一个包含 10 多个组件的页面，每个组件都有子组件。我们有 100 多个 API，它们在页面加载时被组件调用以检索数据。这是已经开发的页面，所以没有重新开发的选项。我需要对此进行优化。
在开始之前，我想记录每个组件的 OR 至少由主组件加载数据和渲染整个页面所花费的时间。总时间应包括 API 调用、渲染 DOM、完成所有子组件加载、间隔和超时以及所有更改检测。
我借助 Constructor(start time) 和 ngAfterViewChecked(End time) 生命周期钩子，将控制台日志与时间放在一起，并在每次更改检测时将其登录到控制台，我将最后一个日志视为结束时间。但是使用这种方法，我需要将这个控制台日志放在每个组件上，而且它会多次打印日志，所以我认为这不是一个正确的解决方案。
我看到了 Zonejs，但不确定这对我有什么帮助。
Angular中有什么东西可以用来记录页面的开始和结束时间吗？