javascript - 如何跟踪JavaScript执行性能?

标签 javascript html performance mobile

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

最佳答案

有两种可用的方法:

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

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

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

关于javascript - 如何跟踪JavaScript执行性能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58288599/

相关文章:

javascript - 如何为 css 缩放属性设置动画

javascript - Gulp BrowserSync 不刷新

css - 背景图像不会出现在按钮内的范围内

python - 为什么改组列表(范围(n))比改组[0] * n慢?

java - Math.pow(a,n) JAVA的时间复杂度

javascript - 没有图像或其他元素的 document.onload(仅 HTML)

javascript - 更改服务器发送事件的源(url)

css - 为什么表格单元格中 'absolute' 定位的 DIV 元素的一部分未显示(仅在 Google Chrome 中)

javascript - 无需外部插件,通过 JavaScript 在 HTML5 中的 P 或 Div 标签中自动调整字体大小

php - MVC 的缓存层 - 模型还是 Controller ?