Chrome開發人員工具時間軸onClick繪製時間

Question

我正在使用Chrome開發工具來試圖找出需要多長時間才能從點擊事件中繪製隱藏面板。使用Chrome Dev工具記錄從用戶點擊按鈕時到隱藏面板繪製的時間。在附圖中，順序如下：事件點擊642ms +更新圖層樹44ms +繪製6.69ms。

在考慮交互相比，谷歌的鐵路模型看起來很慢的性能。我只是想知道我是否正確計算這個。

Answer 1

您的計算方法似乎正確。我們的目標是衡量用戶行爲與頁面顯示對用戶的響應時間之間的時間。因此，在這種情況下，click事件的開始代表用戶的操作，並且Paint活動的結束代表頁面的響應。

您也可以點擊+按住+拖動來查看選擇錄製的時間。

是的，600毫秒是在鐵路模型的建議方面緩慢。頁面最多可以響應100ms。即從點擊的那一刻起，頁面應該不超過100毫秒。