如何衡量DOM变化的完全全部性能？

Question

我发现了很多关于测量页面加载时间的信息，还有很多关于分析交互式应用程序的FPS性能的信息，但这与此略有不同。

假设我有一个在SVG中呈现的图表，并且我所做的每次点击都会导致图表的呈现略有不同。我想了解点击和屏幕上的像素实际发生变化的时间点之间的完整时间。有没有办法做到这一点？

测量Javascript时间是直截了当的，但这并没有考虑浏览器花费在任何布局，流程，绘画等上的任何时间。

我知道Chrome时间线视图显示了大量有关此问题的良好信息，这对于深入研究问题非常有用，但对于测量不是很好，因为工具本身会影响性能，更重要的是，它只是Chrome。我希望有一种独立于浏览器的技术可行。类似于导航性能API如何为页面加载时间工作的东西。

Answer 1

您可以考虑使用捕获hdmi捕获硬件（只需谷歌）或高速摄像头来创建视频，可以离线分析。
http://www.webpagetest.org/仅支持使用软件进行捕获，但我想对于您想要测量的内容来说，它会太慢。