はてなブックマーク - 画面のスクロールに合わせて画像を読み込むjQuery『Lazy Load Plugin for jQuery』

画面のスクロールに合わせて画像を読み込むjQuery『Lazy Load Plugin for jQuery』 « MONODEZ

monodez.com

タグ : jQuery jQuery javascript 画像 webデザインスクロール web制作 scroll plugin プラグイン

コンピュータ・IT 163 users

画面を下の方にスクロールしてもらえばわかりますが、このブログには『Lazy Load Plugin for jQuery』というjQuery プラグインを導入してます。このjQuery プラグインはディスプレイで表示されている分だけ画像を読み込むというもの。画像はスクロールにあわせて都度読み込む、つまり無駄な画像読み込み時間が減る分、ページ表示速度が上がるというわけです。特にこのブログのように大きな画像をたくさん使っているようなサイトではその効果は大きいはず。導入方法まずはLazy Load Plug... > このページを見る

最終更新時間: 2010年08月23日20時13分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

naohor jQuery, 画像, webデザイン
画面のスクロールに合わせて画像を読み込むjQuery 2012/05/05
dadaemon jQuery
これだったのか。 2012/03/16
kanariia jquery, scroll, plugin
ディスプレイで表示されている分だけ画像を読み込むプラグイン 2011/12/02
hagihide
lazyload。iPhoneとかではダメなので、UA見て適用するか判定（gigazineでも使ってるね） 2011/11/10
rdiordio jQuery
スクロールに合わせて画像を読み込む 2011/08/25
skunk0915
フェード　順番 2011/07/24
higa1234 スクロール
大きなページを制作する際、画面に表示されている箇所だけ画像を読み込むjQuery。無駄な画像の読込みを減らしページ表示速度を上げる。 2011/06/06
nyappaweb スクロール, tips, webデザイン, web制作, js, jquery, javascript
スクロールに合わせて画像読み込み 2011/05/07
kurobuchi jquery, web制作, プラグイン
最近よく見かけるやつ。簡単に導入できそうだ。 2011/05/06
www_taca jQuery, javascript, 画像, web制作
スクロールに合わせてふわっと画像を読み込んでくれるやつ 2011/04/15
mei_koutsuki javascript, jQuery, webデザイン
のちのち使うのでメモ 2011/04/07
ultrazone Ajax, jQuery
ｊQueryプラグイン 2011/02/07
yakinikudaisuki
RT @MONODEZ :画面のスクロールに合わせて画像を読み込むjQuery『Lazy Load Plugin for jQuery』 2010/12/21
flabaka jquery
スクロールに合わせて画像を読み込むjQueryのプラグイン 2010/12/09
hmd703 javascript, jQuery, tips
スクロールにあわせて画像をふんわり読み込むあれ。 2010/11/11
hanabi_hibana jquery, スマートフォン
画面が表示されたら画像を読み込むスクリプト 2010/11/08
crealive jquery, image, scroll
ディスプレイで表示されている分だけ画像を読み込むJS。画像はスクロールにあわせて都度読み込むため、ページ表示速度が上がる。 2010/08/23