performance - 如何衡量 AngularJS 应用程序摘要周期的性能?

标签 performance angularjs

测量 angularjs 摘要周期持续时间的简单方法是什么?有多种方法可以分析摘要循环的性能,但每种方法都有其自身的缺陷:

  • Chrome Profiler:详细信息太多,无法以易于查找的方式分解摘要周期
  • Batarang(AngularJS 浏览器插件):开销太大,刷新速度慢,大型应用程序会爆炸。

...一定有更好的方法吗?!1?

最佳答案

这是一个 secret 。在 Chrome 开发工具中,运行 cpu 配置文件。停止捕获后,屏幕底部的“重(自下而上)”旁边会出现一个向下的三 Angular 形。单击三 Angular 形并选择“火焰图”。进入火焰图模式后,您可以缩放和平移以查看摘要周期、它们需要多长时间以及到底调用了哪些函数。火焰图对于跟踪页面加载问题、ng-repeat 性能问题、摘要循环问题非常有用!我真的不知道在火焰图之前我是如何进行调试和分析的。这是一个例子:

Flame Chart in Chrome dev tools

关于performance - 如何衡量 AngularJS 应用程序摘要周期的性能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25129362/

相关文章:

css - LESS、媒体查询和性能

java - 如何提高股票数据传输应用程序的性能?

angularjs - AngularJS 中的 "defer undefined"

javascript - $event 未在文本输入的 ng-change 中定义

.net - 可视化大对象堆碎片

java - Groovy XML Slurping 的速度

performance - 为什么 float 除法很慢?

javascript - 请求的资源上不存在 'Access-Control-Allow-Origin' header 。因此不允许访问 Origin 'http://127.0.0.1:1111'

javascript - 使用 Angular Directive(指令)删除 href

javascript - AngularJS |仅删除该项目后隐藏表格上的删除图标