调试angular 2性能

Question

我注意到我的angular 2应用变得有点迟钝。例如，单击按钮(设置某种状态)和显示结果(基于该状态值)之间的时间有一些(~1秒)延迟。我怀疑在每个变化检测循环期间调用的一些方法中存在一些性能问题。

有没有人能提供以下方面的指导：

1)如何计时每个变化检测循环的时间？

2)如何定位那些对延迟有显著影响的方法调用？

谢谢。

Answer 1

在chrome的开发者工具中，在Profiles下，你可以运行配置文件类型"Record JavaScript CPU Profile“，它将记录函数的执行时间，这将帮助你检测哪些函数对应用程序的延迟贡献最大。该选项卡中还有其他类型的配置文件类型，对你也有帮助。