了解Web Profilers

时间:2012-12-03 16:53:09

标签: css operating-system google-chrome-devtools

使用Chrome开发者工具分析,我分析了Javascript和CSS。

对于JS,它显示Javascript functionsTotal %。对于CSS,它会显示SelectorTotal %

如果我理解正确,操作系统会给浏览器提供一些CPU。

然后,Developer Tools Profiling工具提供每个函数和/或选择器使用的CPU百分比。

是吗?

1 个答案:

答案 0 :(得分:3)

Total %是特定条目贡献的总个人资料时间的百分比。这可能或可能不等于总分析时间(即Start/Stop按钮点击之间的时间。)配置文件时间仅计算配置文件代码执行的时间。 / p>

示例:您的CSS分析时间为1秒(您单击Start,等待1秒,然后单击Stop)。您的CSS配置文件时间是200毫秒(也就是说,您的浏览器只需要200毫秒来匹配并将所有选择器应用于正确的DOM元素)。 *选择器的Total %为12%(也就是说,处理*选择器会使您的浏览器停留24ms。)

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