显示 SPA 内页面的加载时间答案

【问题标题】：Display load time for a page inside a SPA显示 SPA 内页面的加载时间
【发布时间】：2016-02-17 16:26:08
【问题描述】：

我在 AngularJS 中有一个 SPA，它将不同的模板加载到一个 SPA 中。

<body onload="measureCRP()">
  <div ng-app="app">
    <div ng-view></div>
  </div>
</body>

我可以在每次加载页面时看到构建 DOM 所花费的时间以及页面的总体加载时间。

当然，当视图更新时，它不会更新。我曾考虑在所有模板中包含类似的内容，但它似乎不起作用。

关于如何做到这一点的任何想法？

编辑。

我尝试按照其他帖子中的建议包括 onload Angular js ng-view rendered event

<body>
  <div ng-app="app" ng-controller="SpaController as spa">
    <div ng-view onload="spa.measureCRP()"></div>
  </div>
</body>

但是虽然函数 measureCRP() 再次执行，但显示的值每次都完全相同，所以我的猜测是收集的时间戳保持不变。谢谢

【问题讨论】：

【解决方案1】：

这是 SPA 中的一个问题。 “真正的”导航只发生一次，所有其他导航都是由框架通过 AJAX 完成的。这意味着当 DOM 完成时会触发 onLoad，但这并不意味着显示了某些内容。

我认为这个链接会对你有所帮助

再见

【讨论】：