衡量网页的性能

Question

我有一个Web应用程序，使用Typescripts的角度为1.5。 Angular会调用web api。 api使用实体框架。现在，我想衡量各种事件，如页面加载页面的性能，点击链接等

是否有任何可用的工具，它可以提供用于执行控制器解决措施的时间信息，通过实体框架等所花的时间？

我想要一个可以在页面加载时提供聚合信息的工具，或者我点击任何按钮。

即使有工具可以单独提供上述信息，我也很好。

Answer 1

你试过Chrome DevTools吗？你应该检查这些链接：the timeline tool和analyze runtime performance。

总之：你应该打开的开发人员工具，去型材和开始录制，然后你执行要衡量（例如点击一个按钮），并停止录制的操作。您会看到每个方法调用需要多长时间。 Here a how to关于如何做录音和一些技巧。

还有其他选项，如Firebug。

Answer 2

有几个工具可以分析你的代码，观察者和摘要循环。您还可以在Chrome中使用时间轴工具。

https://chrome.google.com/webstore/detail/angular-performance/hejbpbhdhhchmmcgmccpnngfedalkmkm?utm_source=chrome-app-launcher-info-dialog

https://augury.angular.io/

Answer 3

有角中应用的几个性能指标：

例如可以测量摘要周期时间：

$timeout(() => { 
    angular.element(document).injector().invoke(() => { 
     let start = performance.now(); 
     $rootScope.$apply(); 
     console.log(performance.now() - start); 
    }); 
    });