javascript – AngularJS：确定指令需要多少时间来呈现

如何衡量指令(元素)需要多少渲染？
如果没有,是否可以确定哪些指令花费最多的时间来呈现？

PS.是的,我使用了Batarang,但它只显示了花费最多时间的表情.是的,我已经google了,发现一个非常相似的question,仍然没有答案.

解决方法

我创建了检查角度视图的渲染时间的指令.指令使用简单但有用的加速器lib – https://github.com/maciejsikora/Speeder.它计数从ms-start渲染到ms-stop渲染的微秒.

<span ms-perf ms-start='symbol'></span>

...here some actions ng-ifs,repeats etc.

<span ms-perf ms-stop='symbol'></span>

使用指令与ng重复的完整示例：
https://jsfiddle.net/maciejsikora/4ud2rLgz/

在控制器中使用示例指令,但也可以在另一个指令中使用.这个解决方案的缺点是,我们需要向DOM附加指令,并且在发现问题后应该从中删除.当然,好的主意是创建供应商并将其配置为开发和生产环境,因此在生产中不应运行结果和时间计数.