Chrome开发工具时间轴onClick画时间

Question

我使用Chrome开发工具尝试计算从点击事件中显示隐藏面板所需的时间。使用我从用户点击按钮时到隐藏面板绘制时记录的Chrome开发工具。在附图中，序列如下：事件单击642ms +更新层树44ms +绘制6.69ms。

与Google的RAIL模型相比，在考虑互动效果似乎较慢的表现时。我只是想知道我是否正确计算了这一点。

Answer 1

您的计算方法似乎正确无误。目标是测量用户的操作与页面显示对用户的响应的时间之间的时间。因此，在这种情况下，click事件的开头代表用户的操作，Paint活动的结尾代表页面的响应。

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

是的，就RAIL模型的推荐而言，600毫秒是缓慢的。页面最多应响应100毫秒。即从点击的那一刻起，页面的绘制时间不应超过100毫秒。