Chrome开发人员工具时间轴onClick绘制时间

Question

我正在使用Chrome开发工具来试图找出需要多长时间才能从点击事件中绘制隐藏面板。使用Chrome Dev工具记录从用户点击按钮时到隐藏面板绘制的时间。在附图中，顺序如下：事件点击642ms +更新图层树44ms +绘制6.69ms。

在考虑交互相比，谷歌的铁路模型看起来很慢的性能。我只是想知道我是否正确计算这个。

Answer 1

您的计算方法似乎正确。我们的目标是衡量用户行为与页面显示对用户的响应时间之间的时间。因此，在这种情况下，click事件的开始代表用户的操作，并且Paint活动的结束代表页面的响应。

您也可以点击+按住+拖动来查看选择录制的时间。

是的，600毫秒是在铁路模型的建议方面缓慢。页面最多可以响应100ms。即从点击的那一刻起，页面应该不超过100毫秒。