滚动时滞时

Question

当我向下滚动页面时，整个浏览器都滞后。只有一些浏览器比较滞后，例如谷歌浏览器在Windows 8.1上完美运行，但在苹果机上滞后。

我无法确定可能导致问题的原因，因为它在Google Chrome上每秒显示超过30帧，我无法检测到任何大内存泄漏或类似情况。另外，当我滚动很快时，有灰色/白色方块。

我尝试删除CSS属性可能会减少FPS如translate（）或灰色过滤器，但没有任何帮助。该网站是http://bredymer.dk/biler.aspx（没有www）。

Answer 1

因为我不能重现它，所以我建议你开始反过来。从零开始构建页面的副本，逐个添加元素块并观察瓶颈是否由元素的欢呼数量或特定块引起。第一种情况有点难以解决，因为你不得不在结构上重新设计网站，在第二种情况下，你将不得不查看该块的具体原因。无论哪种方式，我的猜测是，所有那些position: absolute s不能真正健康的表现。浮动他们将是一个更清洁的解决方案，虽然很难用扩展盒编程。