滚动时滞后

时间:2014-08-27 10:59:37

标签: javascript html css performance scroll

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

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

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

1 个答案:

答案 0 :(得分:2)

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