我可以使用Chrome开发工具来衡量网络工作者的绩效吗?

Tho*_*s W 3 javascript web-worker

我有一个项目,其中大量的总计算时间都花在了工作人员内部-主线程只是等到一群工作人员完成为止。但是我想看看我的代码的哪一部分最慢了一切。

因此,从逻辑上讲,我使用开发工具来衡量性能:

对不起,质量很抱歉,但是请注意,我测量了11000ms秒的性能,但仅显示了大约6500ms的自拍时间。所以大约有4500毫秒我看不到。

通常,我使用此工具来确定我应该改进代码的哪一部分以完善该过程,因为它逐行显示了ms

有什么办法可以查看Web Worker的性能?

juv*_*ian 5

衡量工作人员工作的最佳方法是在没有工作人员的情况下分析工作,但是您可能会错过诸如传输时间和带有主线程的消息之类的东西。经过一段时间的chrome开发控制台,最终发现,您可以在事件探查器中在主线程下的时间轴中查看工作线程的执行情况,并在调用树中可以将主线程更改为DedicatedWorker线程:

在此处输入图片说明

  • 试图在 2021 年找到这一点......在时间线中,您需要折叠“主”条目,然后您才能看到您的工作人员。展开工作人员会将其设置为在下部面板中处于活动状态。 (4认同)
  • 这个下拉菜单在最新的 Chrome 中不再存在了吗?https://github.com/ChromeDevTools/devtools-frontend/issues/47#issuecomment-492550898 **Edit**:哦,您只需单击时间轴中的线程,它就会将数据加载到自下而上/调用中-该线程的树面板。 (2认同)