指令加载真的很长，检查加载时间的方法

Directive being really long to load, ways to inspect loading time

本文关键字：加载时间方法检查真的指令更新时间：2023-09-26

Tl；dr:我想找到一种方法来检查递归指令的加载时间，例如，当我加载子节点时，我想检查它花了多少时间，加载的内容等等。。。

这是这个问题的背景，我使用了一个开源的json树查看器，我对其进行了修改，以适应我的图形风格和需求。我使用它来可视化CouchDB文档，并且我不得不将其拆分为两个单独的指令：一个仅用于查看JSON，另一个用于编辑JSON。

问题是：即使查看器工作得很好，编辑器在显示子节点时也花了疯狂的时间。仅显示子节点可能需要长达2秒的时间，这是一个问题。

我认为show/hide上的布尔条件（我不想显示_rev或_id字段，因为修改会很有害）使其速度变慢，并开始考虑一些解决方案。同时，获得更多信息会很有用，比如"加载子节点需要多少时间"，或者更一般地说，在指令上加载时间。控制台没有提供那个级别的细节（或者可能我错过了什么）。

你知道实现这个目标的方法吗？有什么方法可以检查指令或HTML元素显示的加载时间吗？

奖金：您知道指令的哪些方面可能令人讨厌或不讨厌，以及在加载时提高其性能的方法吗？

此外，Chrome的开发工具有一个非常好的timestrip/graph，可以在"网络"选项卡下显示加载时间你会对那里发生的事情有更好的了解。还可以查看Chrome的脚本CPU配置文件，看看是否有什么东西让系统崩溃。