CSS3 プロパティを介してハードウェア アクセラレーションを使用する HTML5 Web アプリケーションを作成しましたtranslateZ(0)
。
私の4Sでは、すべてが非常にスムーズに動作します。
同じことを iPhone4 でテストすると、パフォーマンスが極端に低下します。ほとんど使えません。
iPhone4 のハードウェア アクセラレーションを有効にするための奇妙なトリックはありますか? それとも、その GPU は単純にそれほど弱いのでしょうか?
CSS3 プロパティを介してハードウェア アクセラレーションを使用する HTML5 Web アプリケーションを作成しましたtranslateZ(0)
。
私の4Sでは、すべてが非常にスムーズに動作します。
同じことを iPhone4 でテストすると、パフォーマンスが極端に低下します。ほとんど使えません。
iPhone4 のハードウェア アクセラレーションを有効にするための奇妙なトリックはありますか? それとも、その GPU は単純にそれほど弱いのでしょうか?
ハードウェアアクセラレーションによる移行を間違った方法で行っていることが判明しました。以下を参照してください。
モバイルデバイスでCSS3移行のパフォーマンスを向上させるための「ゴールデンルール」とは何ですか?
withのtranslate3d(x, y, z)
代わりに使用するのが私にとってのトリックでした。今では古いiPhoneでも、すべての移行が非常にスムーズに実行されます。translateZ(0)
left:x