performance - 単純なフェードインが常に遅れる

Question

この画像を表示することを選択すると、ページ上のすべてのアニメーションが遅れるという問題があります。私はそれをfadeIn、visibility、animate:opacity、display:blockで表示しようとしましたが、どの方法で表示してもブラウザがチョークします。これを回避する方法が必要です。（画像のプリロードも試してみましたが、違いはありません！）画像のサイズだけですか？

http://jsfiddle.net/ZJpmT/2/

Answer 1

画像サイズだと思います。簡単なテストを行うと、5 秒間のフェードインを表示できることが示されましたが、1 秒間のフェードインを使用するとフェード効果はまったく表示されず、画像が一度に表示されます。

サイズが 1MB の画像をアニメーション化することは、やりたいことではありません。この画像を本当に大きくする必要がある場合は、ページの背景と一致する各フレームに背景を追加して、JPG として保存してみてください。これにより、サイズが少し小さくなる可能性がありますが、ブラウザーが窒息するのを防ぐことは保証されていません。