瞭解網絡分析器

Question

使用Chrome開發者工具分析，我分析了Javascript和CSS。

對於JS，它顯示Javascript functions和Total %。對於CSS，它顯示Selector和Total %。

如果我理解正確，操作系統會向瀏覽器提供一些CPU。

然後，開發者工具分析工具給出了每個函數和/或選擇器使用的CPU的百分比。

是嗎？

Answer 1

Total %是特定條目貢獻總配置文件時間的百分比。這可能或可能不等於總計分析時間（即點擊Start/Stop按鈕之間的時間）。配置文件時間僅計算配置文件代碼的執行時間。

示例：您的CSS分析時間爲1秒（您單擊Start，等待1秒，然後單擊Stop）。您的CSS配置文件時間爲200毫秒（也就是說，您的瀏覽器只需200毫秒即可匹配所有選擇器並將其應用到正確的DOM元素）。 *選擇器的Total %是12％（即，處理*選擇器使您的瀏覽器24ms）。

您可以點擊底部狀態欄中的%按鈕查看絕對時間而不是百分比。