CSS布局每10毫秒失效一次|帮助调查

Question

我继承了一个css文件(10k行)，我认为它导致了样式无效、重新计算、重新绘制的疯狂循环。我通过从页面中删除css文件解决了这一问题，这导致了循环的消失。

这个文件是由几个人随着时间的推移而创建的，没有人会完全了解css内容……

从附加的分析来看，没有Network activity或JS事件可以精确定位到另一个根本原因(例如使用JS的DOM更改)。

在您看来，找到视图更改的触发因素的最佳方法是什么？页面上没有动画，但我不能保证不会有一个使用不再有人使用的旧css指令的动画。

重新绘制会导致相当高的cpu使用率。

谢谢!

​

​

Answer 1

这可能不是最好的解决方案，但我会删除css代码的下半部分，并检查问题是否仍然存在。

如果它被解决了，你现在知道它在下半部分，如果它仍然存在，问题在上半部分。

将应该包含问题的代码减半，在大约9次迭代中，您可以将其缩小到大约20行。