【问题标题】:CSS Layout invalidated every 10 ms | Help to investigateCSS 布局每 10 毫秒失效一次 |帮助调查
【发布时间】:2016-01-05 17:45:33
【问题描述】:

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

该文件是由几个人随着时间的推移创建的,没有人完全了解 css 内容...

从附加的分析中,没有网络活动或 JS 事件可以查明另一个根本原因(例如使用 JS 更改 DOM)。

在您看来,找出触发视图变化的最佳方法是什么?页面上没有动画,但我不能保证没有人使用一个没有人再使用的旧 css 指令自行旋转...

重绘会导致相当高的 CPU 使用率。

谢谢!

【问题讨论】:

    标签: css performance layout repaint


    【解决方案1】:

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

    如果解决了,您现在知道它在下半部分,如果仍然存在,则问题在上半部分。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-08-06
      • 1970-01-01
      相关资源
      最近更新 更多