如何识别 chrome 分析工具中“其他”期间发生的情况

Posted

技术标签:

【中文标题】如何识别 chrome 分析工具中“其他”期间发生的情况【英文标题】:How to identify what is happening during "Other" in chrome profiling tool 【发布时间】:2018-09-10 09:36:21 【问题描述】:

当页面充满数据时,我遇到了性能问题:

但是 chrome 在“其他”方面没有提供任何细节 - 那么如何找出在“其他”的 3.5 秒内发生了什么?

调用树中没有任何内容,事件日志中也没有任何内容

编辑:问题是“如何”,而不是“what”

【问题讨论】:

What does the "Other" category of records mean in Chrome Timeline profiling tool?的可能重复 @JanWillemHuising 不,我已经看过了。这说明了另一个类别的“什么”意思,但没有说明“如何”识别导致它的原因 【参考方案1】:

我使用内容跟踪 (chrome://tracing) 工具完成了这项工作。它表明,在我的情况下,时间花在了通过 Skia (Canvas2DLayerBridge::flushRecording) 将记录的与画布相关的绘图调用刷新到 GPU 上。

我启用的类别如下,并且条目出现在相关渲染器进程的CrRendererMain线程上。

"disabled-by-default-gpu_decoder", "disabled-by-default-gpu.debug", "disabled-by-default-gpu.device", "disabled-by-default-gpu.service", "disabled-by-default-skia", "disabled-by-default-skia.gpu", "disabled-by-default-skia.gpu.cache"

【讨论】:

以上是关于如何识别 chrome 分析工具中“其他”期间发生的情况的主要内容,如果未能解决你的问题,请参考以下文章

Chrome开发者工具之JavaScript内存分析

如何保存 Chrome 的 Coverage 工具分析的结果?

如何识别 Chrome DevTools 或 Firefox 中的不安全内容?

如何在 Chrome 中启用 CSS 选择器分析

Chrome 在分析器中查看分配信息时出错

如何可视化 chrome DevTool 协议消息的日志?