如何衡量指令(元素)需要多少渲染?
如果没有,是否可以确定哪些指令花费最多的时间来呈现?
如果没有,是否可以确定哪些指令花费最多的时间来呈现?
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附加指令,并且在发现问题后应该从中删除.当然,好的主意是创建供应商并将其配置为开发和生产环境,因此在生产中不应运行结果和时间计数.