イメージとJavaScriptを比較すると、より速いのは何ですか？

Question

純粋なjavascriptや大きな画像を使ってグラフィックを読み込むときに大きな違いがあるのだろうかと思います。

参考として、私はこの例をjsFiddleとしました。パフォーマンスの観点から、最高のものは、drawImageはpngイメージを使用するか、javascriptを使用して描画しますか？

Answer 1

複雑な画像の場合、JavaScriptが遅いのでレンダリングが遅くなります。 数百の小さな画像の場合、imgタグを使用すると非常に高速になるでしょう。

パフォーマンスを犠牲にする唯一の方法は、ブロッキング（一部のワーカー/消費者パターンで回避することができる）またはアルファ透明度を備えた巨大なイメージを持つため、「非常に長く実行するjavascript」を持つことです。

今後のバージョンのChromeとOperaでは、CSS /レンダリング用のプロファイラが用意されており、レンダリングにかかる​​時間と正確な時間が分かります。