ウノウラボ Unoh Labs: 画像の遅延読み込み

yamaokaです。 webページの表示を高速化する手法にはいろいろありますが、 その一つとして遅延読み込みという手法があります。 初期状態で表示する必要のない要素については読み込まず、 必要になったタイミングで読み込み、表示するようにする手法です。 ページの読み込みにかかる時間の大半を 画像の読み込みが占めている場合が多いので、 画像の読み込みを遅延させるという手法が多く取られます。 検討するべきケース では、画像の遅延読み込みはどのような場合に検討されるべきでしょうか。 最初から表示されている必要がない画像が存在し、その画像のサイズが大きかったり、 そうした画像の数が多い場合は検討してみる価値があると思います。 例えば、次のようなケースです。 初期状態では表示されないブロックに属する画像が存在し、 JavaScriptで表示するかしないかを切り替えているような場合 ページのずーっと下の

[mathemathiko]

画像の遅延読み込みのプラグイン紹介。

[himadatanode]

画像は既に重くないので動画とか音声、フラッシュの遅延読み込みがほしい

[makoto_69]

遅延読み込み

[Cherenkov]

prototype.js 高速化

[harupiyo]

ここで説明されている「ページ全体のDOMツリーの読み込みが完了したタイミング」とは、具体的にはEvent.observe(document, 'dom:loaded', initLazierLoad, false); でフックされるイベントになります。

[koki-h]

画像の読み込みを遅延させることによってWEB閲覧の体感速度を高速化JS非対応ブラウザでも副作用なし。

[webmarksjp]

JavaScript

[bigchu]

: 画像読み込みをJSをつかって裏側で行える／IEの場合すげぇ遅くなりそう

[cos31]

AutoPagerizeみたいなノリで

[diffie]

印刷時に画像が印刷されないなど注意点あり

[wacky]

ページ内の画像が読み込まれるタイミングをJavaScriptで制御する遅延ロードのテクニック。prototype.jsを使ったサンプルコードやライブラリの紹介。画像が大量に張り付いたページで効果ありそう。

[bluerabbit]

これはいい。そもそも画像が重いサイトを作らないからあれだけど、簡単でいいアイデア。

[chaws2004]

画像の遅延読み込み

[kkobayashi]

はてダのテンプレート選択画面も遅延読み込みで高速化されたとか。一番早いのはjs使わないことじゃないの・・・とか言ってみるｗ

[adsty]

JavaScriptを利用した技だが、無効の環境でも副作用無し。

[blanc2005]

副作用なしらしい／↓ほかのエントリーに懐疑的な声。それ以前に、画像はcssで指定する事が多い+jsで画像切替が必要になるような凝ったページを作らない私の場合、使い道が無いのかな...

[dann]

1. 適当なタイミングで、読み込みたくない画像のimg要素のsrc属性の値を適当な画像（1ピクセル

[rsky]

http://d.hatena.ne.jp/hiro_y/20080108/1199721482 の続き

[mainyaa]

画像の遅延読み込み

[netfan]

lazy

[hiro_y]

書きました。

[hagihide]

面白いなー。広告も画面内に入ったらインプレッション++;するとか。

[kotaroito2002]

[HTML}[javascript][画像]

[sankaseki]

[!GTD::資料(いつか読む)]ウノウラボ Unoh Labs: 画像の遅延読み込み

[TERRAZI]

画像を遅延読み込みさせて体感速度を向上させようという記事なのに、文字色#EFEFEF 背景色#FFFFFFで、背景画像が無いと普通の人間には読めなくなるのは、何かの冗談か？