Html 反应-即使没有事件发生,网站空闲时CPU使用率也很高

Html 反应-即使没有事件发生,网站空闲时CPU使用率也很高,html,reactjs,performance,cpu,Html,Reactjs,Performance,Cpu,我有一个react应用程序,它相当复杂,但并不疯狂 注意到相当高的CPU使用率,在chrome任务管理器上做一些调查似乎需要持续使用50%的CPU 查看性能选项卡,没有发生任何事件。然而,这种持续的CPU使用率。他还注意到一种叫做“任务”的事情经常发生,但没有提供关于它是什么的信息 有人对我可以试试看的东西有什么建议吗 谢谢 尝试关闭开发人员工具和其他选项卡,看看CPU是否平静下来。您使用的工具也使用计算能力。你的性能标签看起来不错。合成器可能会触发每个“动画”帧,但在这里显示的15+毫秒中,

我有一个react应用程序,它相当复杂,但并不疯狂

注意到相当高的CPU使用率,在chrome任务管理器上做一些调查似乎需要持续使用50%的CPU

查看性能选项卡,没有发生任何事件。然而,这种持续的CPU使用率。他还注意到一种叫做“任务”的事情经常发生,但没有提供关于它是什么的信息

有人对我可以试试看的东西有什么建议吗

谢谢


尝试关闭开发人员工具和其他选项卡,看看CPU是否平静下来。您使用的工具也使用计算能力。你的性能标签看起来不错。合成器可能会触发每个“动画”帧,但在这里显示的15+毫秒中,合成器似乎只运行了5毫秒,这本身不应达到50%。它也可能是计算鼠标悬停状态或其他什么,我不确定它到底是做什么的。@Jochemkuippers谢谢你的回复,我刚刚注意到如果我删除了我的css文件,这会完全停止,我会继续调查我是否写了糟糕的CSSIf如果你大量使用(连续)动画,也许可以看看你是否可以降低这些内容的复杂性(HTML或CSS可能会有所帮助)。@jochemkuippers测试期间,页面尽可能空闲。Iv已禁用这2条规则,并且不再执行此操作://-webkit背面可见性:隐藏;//背面可见性:隐藏;谢谢lot@JochemKuijpers我应该注意到css在一个*选择器上,移除它完全减少了CPU的恒定负载,我还检查了页面绘制(无),根本没有发生任何事情,我可以尝试在一个瘦示例上复制它并提交,谢谢