体の背景画像は、iPadのサファリにFPSをドロップさせます。

Question

私はjqueryサイクルのスライドショーを持つウェブサイトを持っています。それはipad上でスムーズにスライドしますが、私は体にCSSの背景画像を追加すると、FPSが落ちてスライド効果が本当に悪いように思えます。これは、背景画像がiPad画面よりも小さい場合でも発生します。

これはなぜですか、どのように修正できますか？

Answer 1

加速するブロックに-webkit-transform: translateZ(0); CSSを追加するようなハードウェアアクセラレーションを使用できます。

ここはいいarticle about GPU acceleratingです。

また、どの画像を使用しているのかわかりませんが、バックグラウンドでCSS3の放射グラデーションを使用すると、FPSで大きな低下を引き起こす可能性のあるウェブキットにバグがあります。