アニメーション化されたコンテナがより複雑なHTML構造を持っていると、遷移が本当に遅くなるという問題があります。空のコンテナのアニメーション化は非常にスムーズですが、データを追加した後のパフォーマンスは非常に悪くなります。アニメーション要素にハードウェアアクセラレーションを追加することについては知っています-webkit-transform: translate3d(0,0,0)が、これは複雑なDOM構造には役立たないようです。
以外に、iOSでのCSS移行のパフォーマンスに影響を与えるものを説明するリソースはありますかtranslate3d。
コンテナは画面内にありますか、それとも画面よりも大きいですか?
各ページが画面のサイズで、複雑な dom 構造が含まれるブック型のアプリを作成していました。dom にページを追加すると、ページ内のナビゲーションとトランジションのパフォーマンスが低下します。ただし、画面にないページを dom から削除し、ページが表示されるか表示されるときにのみレンダリングすると、パフォーマンスが大幅に向上しました。
したがって、要素を削除するかdisplay:none、ユーザーに表示されないようにすることで、パフォーマンスが向上する可能性があります。
また、パフォーマンスを改善するための非常に優れたリソースもここにあり ます http://www.mikedellanoce.com/2012/09/10-tips-for-getting-that-native-ios.html