javascript - 滚动时滞后

Question

当我向下滚动页面时，整个浏览器都滞后了。不过，只有一些浏览器会滞后，例如 Google Chrome 在 Windows 8.1 上完美运行，但在 Mac 上会滞后。

我无法确定可能导致问题的原因，因为它在 Google Chrome 上显示的速度不错，每秒超过 30 帧，而且我无法检测到任何大的内存泄漏或类似问题。此外，当我快速滚动时，会出现灰色/白色方 block 。

我尝试删除可能会降低 FPS 的 CSS 属性，例如 translate() 或灰色过滤器，但没有任何帮助。网址是http://bredymer.dk/biler.aspx (没有 www )。

Answer 1

由于我无法重现它，所以我建议您从相反的方向开始。从头开始构建页面的副本，一个一个地添加元素 block ，并观察瓶颈是由元素的欢呼数量还是特定 block 引起的。第一种情况有点难以解决，因为您必须在结构上重新设计站点，在第二种情况下，您将不得不查看该 block 的具体原因。无论哪种方式，我的猜测是所有这些 position: absolute 对性能来说都不是真正健康的。 float 它们将是一个更简洁的解决方案，尽管使用扩展框更难编程。