実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」

AJAXを簡単に使用でき、しかもいろいろな効果を追加できるJavaScriptライブラリ「jQuery」の機能をさらに拡張できるプラグインとして開発されており、実際にブラウザでページをスクロールダウンするまでは画像の読み込みを行わないようにできます。つまり、転送量や負荷を抑えてサーバにやさしい仕組みが実現できるというわけ。特に1ページに大量かつ大容量の画像をばしばしページに貼り付けまくっている場合には効果が絶大です。

詳細や実際の効果を体感できるデモページは以下から。
以下がデモページ。スクロールダウンするまで画像は読み込まれません。ON/OFFも可能。

Lazy Load Enabled

プラグインは以下のサイトからダウンロードできます。

Lazy Load Plugin for jQuery

Safariではうまく動いてくれないようですが、それ以外のブラウザでは順調に動いてくれるようです。

なお、ほかにもjQueryには以下のような便利プラグインがあります。なかなか良い感じ。

ウノウラボ Unoh Labs: 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち