Google chrome devtools Can'；我不知道是什么导致了这种无休止的重新计算样式循环

一位客户给我发了一封电子邮件，说他注意到他的电脑运行缓慢，当他运行诊断程序时，他确定原因是他的网页使用了大量CPU。在试图调试他的站点为什么会在他的计算机上使用如此多的CPU时，我注意到，在使用Chrome时，控制台中没有发生任何事情，但在时间轴中，尽管网页上没有发生任何事情，但“重新计算样式、更新层树、复合层”的循环是永无休止的

时间线截图：

我试图寻找如何确定原因，并发现金丝雀可能会有所帮助，所以我尝试了金丝雀的时间轴，没有看到任何不同

我从CSS转换中读到它可以被写为transition:all，而不是需要转换的实际属性，因此我将CSS中transition:all的所有实例都更改为单个目标（例如transition:height），但这个循环仍在继续

我也不确定这个循环是否是导致他的CPU受到攻击的原因，但这是我最好的猜测。我注意到该网站一直在Chrome的窗口标签中“加载”圆圈动画，但现在它不再这样做了。我不确定这是否是因为我改变了CSS转换规则，所以它现在不会一直“加载”，也不确定它是否与CPU使用率有关

---

感谢您的建议。

我也看到了这一点。正在对Android设备进行远程调试，但仍然是。不确定是什么原因造成的。