2017-05-31 25 views
1

当我的应用程序页面不重点时,chrome的CPU利用率降至3%以下。当我的应用程序处于焦点时,它会跳至30-50%的CPU利用率,并不断嗡嗡作响。我使用一个效用函数来启动间隔定时器,并记录添加它们的任何东西:每30秒运行一次(可能发送一个websocket消息),每1s(一对布尔测试和一些字符串操作),以及每0.5s(检查单个文本框的内容)。为什么chrome分析器不能帮助调试我闲置的网站的不断cpu使用情况?

您可以在此屏幕截图中看到,剖析器显示大部分时间都用于重新计算样式和更新图层树。

这是莫名其妙的什么都没有在配置文件期间我的应用程序的dom更改。

每个 1紫色拱,发生大约每隔10-12ms的

,持续约4毫秒,在2炸毁的细节,包括一个“重新计算式”的有关原因在JavaScript代码或无信息为什么会发生任何其他迹象。受影响的元素数量始终相同(在这种情况下,96),如果您以某种方式更改dom,受影响的元素数量会有所不同,但一旦您停止更改dom,强制重新扫描就会开始哼唱,结束,没有明显的原因,影响同一组元素。)

鉴于此,我有2个问题。一,为什么不是chrome报告重复样式recalcs的javascript原因?和二:如果这是一个红色的鲱鱼,还有什么可能导致恒定的CPU颠簸?

回答

0

css动画原来是罪魁祸首。

https://stackoverflow.com/a/41047041/8099558

我的同事通过不包括在她的词“JavaScript的”谷歌搜索,甚至在负找到了答案。

事实证明,我们的网站通常隐藏元素而不使用display:none,并且不会关闭这些元素的动画。

相关问题