左から右にアニメーション化されている3つの大きな（幅7000px）透明なPNG画像があります。パフォーマンスはそれほど悪くはありませんが、素晴らしいものではありません。
この画像の最適化についてサポートが必要なので、jqueryアニメーションをスムーズにします。
私はそれらをすべてスライスに分割してみました（つまり、背景ごとに10個の個別のPNG）。これは役に立ちましたが、それでも静かに途切れ途切れです。
2 に答える
0
1つの画像として使用することをお勧めします。そうすれば、ブラウザは画像を取得するために1つのhttpリクエストのみを実行します。また、画像を7つに分割してそれぞれを圧縮する場合よりも、画像をより適切に圧縮して軽量化できます。それらにまたがる冗長データになります。
pngを最適化するプログラムについては、ここにリンクを貼り付ける代わりに、次の2つの質問をします。
- https://stackoverflow.com/questions/1060763/image-optimizer-for-images-used-on-the-web-jpg-gif-and-png
- 使用できる優れた画像オプティマイザ？
また、画像の最適化と最適なアプローチに関するこの興味深い記事も参照してください。
于 2012-11-14T18:18:57.113 に答える
0
jqueryを使用する代わりに、CSS3アニメーションanimateを使用してみてください。これにより、アニメーションがよりスムーズになります。
Addy Osmaniのブログ投稿から：jQueryフォールバックを使用したCSS3遷移アニメーション：
トランジションの利点は、JavaScriptベースのアニメーションとは異なり、特定のブラウザやモバイルデバイスでハードウェアアクセラレーションが行われるため、通常よりもアニメーション全体がスムーズになる可能性があることです。
于 2012-11-14T20:00:55.467 に答える