2016-02-17 27 views
2

我在AngularJS中有一个SPA,它将不同的模板加载到一个SPA中。显示SPA中页面的加载时间

阅读本https://developers.google.com/web/fundamentals/performance/critical-rendering-path/measure-crp?hl=en后,我包括在SPA的身体,这是基本上是这样的

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

,我可以看到每一个页面加载的时间时间的onload =“measureCRP()”用于构建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()再次执行时,显示的值是完全一样的,每次,所以我的猜测是,收集的时间戳保持不变。 谢谢

回答

相关问题