Chrome DevTools - 性能记录无响应或代码问题?

时间:2017-09-15 14:03:01

标签: javascript performance google-chrome debugging google-chrome-devtools

我在网络应用上通过Chrome的DevTools衡量效果,该应用可以在Google地图上放置一个点到几千个点(主要是自定义标记)。问题是,我无法判断Chrome的DevTools是否已经停止响应" (在引号中,因为它实际上没有响应,但测量的性能似乎是平坦的),或者它指向代码问题。

为了重现,我开始演奏录音,打开标记(再次,可以在1到数千的范围内),在地图上缩放/平移,闲置几秒钟,停止录制。这是一个典型的结果:

devtools screenshot

正如您在图像中看到的那样,在某些时刻CPU计量表会快速爬升并保持在100%,帧不再被测量,函数调用似乎永远不会完成,JS堆和节点读数是平线的(函数调用)据说从来没有完成这个时间指向谷歌的common.js - 然而,它几乎总是与每次阅读不同...有时它是我们自己的文件,有时它是' s jQuery.min等 - 我认为这是Google或jQuery问题。)

什么是DevTools告诉我 - 它的性能不再准确测量,或者代码破坏了CPU和内存?

如果您注意到,"互动"仍然被捕获(前鼠标移动,滚动等),所以这让我相信DevTools仍在录制,但我不确定" CPU"和"主要"读数是准确的。

本地设置:

  • Windows 10专业版(64位)
  • 16gb ram
  • 8核心
  • 1TB SSDHD

前端设置:

  • Google地图(v3)
  • 前端(Angular / Jquery / Javascript)
  • Chrome版本61.0.3163.91(官方版本)(64位)

0 个答案:

没有答案