了解网络分析器

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）。

您可以点击底部状态栏中的%按钮查看绝对时间而不是百分比。