身体背景图像导致FPS在iPad的Safari中下降

Question

我有一个带有jquery循环幻灯片的网站。它在ipad上平滑滑动，但是如果我在身体上添加一个css背景图像，看起来FPS会下降并且幻灯片效果看起来非常糟糕。即使背景图像小于iPad屏幕，也会发生这种情况。

为什么会这样，我该如何解决？

Answer 1

您可以尝试使用硬件加速，例如将-webkit-transform: translateZ(0); CSS添加到要加速的块中。

这是一个很好的article about GPU accelerating。

另外，我不知道您使用的是什么图像，但是webkits中存在一个错误，其中使用CSS3径向渐变作为背景可能会导致FPS大幅下降。