滚动时滞后

Question

当我向下滚动页面时，整个浏览器都滞后了。虽然只有一些浏览器落后，例如谷歌Chrome在Windows 8.1上完美运行，但在Mac上却落后。

我无法确定导致问题的原因，因为它在谷歌浏览器上显示了一个不错的，每秒超过30帧，我无法检测到任何大的内存泄漏或类似的东西。此外，当我快速滚动时，有灰色/白色方块。

我尝试删除可能会降低FPS的CSS属性，例如translate（）或灰色滤镜，但这些都没有帮助。该网站为http://bredymer.dk/biler.aspx（无www）。

Answer 1

由于我无法重现它，我建议你从另一个方向开始。从头开始构建页面的副本，逐个添加元素块，并观察瓶颈是否由元素的欢呼数或特定块引起。第一种情况有点难以解决，因为您必须在结构上重新设计网站，在第二种情况下，您将不得不查看该块特别导致它的原因。无论哪种方式，我的猜测是所有那些position: absolute对于性能来说都不是很健康。浮动它们将是一个更清晰的解决方案，但更难用扩展框进行编程。