Charlie's volatile short

先日の記事で取り上げた、JavaScriptを使ったWebページの表示高速化について、仕組みとライブラリを紹介しているページがありました。

画像の遅延読み込み @ ウノウラボ

検討するべきケース

では、画像の遅延読み込みはどのような場合に検討されるべきでしょうか。最初から表示されている必要がない画像が存在し、その画像のサイズが大きかったり、そうした画像の数が多い場合は検討してみる価値があると思います。

例えば、次のようなケースです。

• 初期状態では表示されないブロックに属する画像が存在し、 JavaScriptで表示するかしないかを切り替えているような場合
• ページのずーっと下の方に画像があって、その画像は画面をスクロールしないと見えないような場合

小さい画像がたくさんのページの場合は、逆に大量の画像を１つのファイルにまとめるというテクニックもあります。