google-chrome - chrome CPU 时间线中的条纹灰色区域是什么意思？

Question

这里显示了显着的 CPU 使用率，但没有给出原因。时间轴取自 Android Chrome v51。

Answer 1

灰色 意味着 DevTools 知道事件但不知道它的身份。

条纹表示脱离主线程的事件。

所以，灰色和条纹 表示未在主线程中发生的未识别事件。

金色和条纹表示主线程外的脚本事件。这通常是一个 worker ，尽管 ScriptStreamer 也可以出现。 (ScriptStreamer 在 Chrome 77 之前并没有真正被很好地检测。)折叠“主线程”部分以查看它下面的内容。

金色、紫色、绿色和条纹 意味着脱离主线程的脚本和渲染事件。这很可能来自 out-of-process iframes .同样，您可以折叠“主线程”部分以更轻松地探索其他线程。

如果您在概览中看到大量灰色(有条纹或无条纹)，则表明 DevTools 未向您显示有关事件的详细信息。在这种情况下，您可以提交错误以提供更多信息。 Capture a full trace (使用 chrome://tracing)并在 crbug.com 上开票以便 DevTools 团队可以诊断更多。

您也可以turn on hidden DevTools experiments然后选择“时间轴:显示所有事件”让火焰图显示它所知道的一切。