javascript - 如何确定 Firefox 在应用程序空闲时燃烧 CPU "Recalculating Style"的原因?

标签 javascript css performance firefox

我遇到过这样的情况:当我进入我的应用程序选项卡时,Firefox 使用的 CPU 会跳升至 50% 左右并且不会减少。该应用程序处于空闲状态,我没有点击任何内容,也没有发出任何请求。但CPU并没有下降。

我使用 Firebug 来分析发生的情况,但它返回没有 javascript 调用。

然后我在 Firefox 40 中使用了最新的性能分析器。运行分析器大约 5 秒然后停止表明 Gecko 引擎正在向“重新计算样式”发送大量调用,具体给出的提示是它是相关的CSS 动画。看截图:

enter image description here

我需要找出导致此问题的原因,因为我相信它本质上会减慢我的应用程序的速度。但是,我不确定下一步该怎么做才能找到问题。

谢谢

最佳答案

问题原来是动画不在屏幕上,但 Firefox 仍在消耗 CPU 来计算关键帧等。

关于javascript - 如何确定 Firefox 在应用程序空闲时燃烧 CPU "Recalculating Style"的原因?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32960348/

相关文章:

javascript - 如何将页面加载到页面中间(而不是顶部)?

javascript - 我们可以从 angular.element 获取 DOM 对象的属性名称吗?如果是,怎么办?如果没有,我们可以从 Angular 方面的其他技能中获得以及如何获得?

css - 内容旋转时占用div的高度

html - 我如何摆脱这个溢出问题?

performance - PostgreSql 使用 IN statemente 性能非常慢

javascript - 使用jquery隐藏表格边框

javascript - 使用 jQuery 如何选择与某个选择器匹配的第一个下一个元素?

html - 如何避免全屏背景图像随出现的滚动条一起缩放?

java - Java 静态修饰符对运行时性能有积极影响吗?

c++ - 编写数据结构以对每个线程使用不同的缓存行以避免线程抖动?