ブラウザで大きな画像の描画をキャッシュするプリレンダリング - Qiita巨大な画像をスムーズに表示する素敵なバッドノウハウの共有です。 大きい画像を事前にプリロードしておくことは普通にやっていると思いますが、大きい画像ってのは描画コストも当然に大きいです。DOMに配置してから、ほんのわずかですがタイムラグが発生します。すばやく画像を切り替えるような演出だとチラついたりしちゃって興ざめですね。そういった時に有効なのがプリレンダリングです。 ブラウザにそんなものあるのかっていうと、たぶんないです。勝手にそう呼んでるだけで、ようするに事前に画像を描画させてキャッシュしておこうということです。 体型は変わりません デモ ごく普通にプリロードのみ実装したものから。 プリレンダリングなし さっそうとモデルウォークしてるミクさんがいますね。さすが40コマ、ぬるぬるです。 ちなみに画像サイズは 450×450 なので、高さ 18450px の画像てことになりますね。おそろしい
