如何跟踪 JavaScript 执行性能?



所以我有这个普通的JavaScript代码,在某些较旧的移动设备(如iPhone 5(上运行非常慢,但在较新的设备(如iPhone 7(上运行完美。我不是在谈论加载速度,而是实际的JavaScript功能。我正在使用一些addEventListener来处理基本的东西,例如显示和隐藏divs,包括具有透明不透明度的叠加div。当我单击链接了addEventListener的按钮时,有时最多需要两秒钟才能显示和/或隐藏divs。有时它甚至不会这样做,我将不得不再次单击该按钮。我不会在这里分享整个JS文件,但我可以保证它是非常基本的。我想知道的是是否有某种方法可以跟踪 JavaScript 代码的执行速度......就像,我不确定它是否是实际 JS 代码中的内容,或者它很慢,因为 brownser 需要很长时间才能渲染它。欢迎任何帮助!=)

有两种可用的方法:

Chrome 中的开发者工具,但 Firefox 对于跟踪性能更有用:

另外,请尝试performance.now(),从未使用过,但听说过。也许这会有所帮助。

编辑:您还可以通过断点检查它是如何运行的。我相信你可以在Chrome和Firefox中断点。

最新更新