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

wacky のブックマーク 2008/01/18 19:16

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/7116911/comment/wacky" data-user-id="wacky" data-entry-url="https://b.hatena.ne.jp/entry/labs.unoh.net/2008/01/lazy-loading-of-images.html" data-original-href="http://labs.unoh.net/2008/01/lazy-loading-of-images.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Flabs.unoh.net%2F2008%2F01%2Flazy-loading-of-images.html" data-user-icon="/users/wacky/profile.png">ウノウラボ Unoh Labs: 画像の遅延読み込み</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/JavaScript">JavaScript</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86">画像処理</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%91%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%B9">パフォーマンス</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Tips">Tips</a>]</li></ul><br><p style="clear: left">ページ内の画像が読み込まれるタイミングをJavaScriptで制御する遅延ロードのテクニック。prototype.jsを使ったサンプルコードやライブラリの紹介。画像が大量に張り付いたページで効果ありそう。</p><a class="datetime" href="https://b.hatena.ne.jp/wacky/20080118#bookmark-7116911"><span class="datetime-body">2008/01/18 19:16</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！