はてなブックマーク - ウノウラボ Unoh Labs: 画像の遅延読み込み

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

labs.unoh.net

タグ : JavaScript image Tips 画像 web prototype.js Web制作パフォーマンス jquery *javascript

コンピュータ・IT 307 users

yamaokaです。 webページの表示を高速化する手法にはいろいろありますが、その一つとして遅延読み込みという手法があります。初期状態で表示する必要のない要素については読み込まず、必要になったタイミングで読み込み、表示するようにする手法です。ページの読み込みにかかる時間の大半を画像の読み込みが占めている場合が多いので、画像の読み込みを遅延させるという手法が多く取られます。検討するべきケースでは、画像の遅延読み込みはどのような場合に検討されるべきでしょうか。最初から表示されている必要がな... > このページを見る

最終更新時間: 2008年01月17日14時50分

▼ブログで紹介する

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

himadatanode
画像は既に重くないので動画とか音声、フラッシュの遅延読み込みがほしい 2011/05/06
makoto_69 *webデザイン
遅延読み込み 2010/10/15
Cherenkov javascript
prototype.js 高速化 2009/10/28
harupiyo
ここで説明されている「ページ全体のDOMツリーの読み込みが完了したタイミング」とは、具体的にはEvent.observe(document, 'dom:loaded', initLazierLoad, false); でフックされるイベントになります。 2008/12/24
koki-h javascript, 画像
画像の読み込みを遅延させることによってWEB閲覧の体感速度を高速化JS非対応ブラウザでも副作用なし。 2008/10/07
webmarksjp パフォーマンス, js, prototype.js, 遅延, 読み込み, tips
JavaScript 2008/07/14
noneno
始めに小さな画像を読み込み、あとから元の画像に戻す 2008/05/15
m-1046
結構使える気がする 2008/02/02
bigchu graphic, js, library, tips
: 画像読み込みをJSをつかって裏側で行える／IEの場合すげぇ遅くなりそう 2008/01/24
cos31 *javascript, 画像, prototype.js
AutoPagerizeみたいなノリで 2008/01/21
diffie
印刷時に画像が印刷されないなど注意点あり 2008/01/19
wacky JavaScript, 画像処理, パフォーマンス, Tips
ページ内の画像が読み込まれるタイミングをJavaScriptで制御する遅延ロードのテクニック。prototype.jsを使ったサンプルコードやライブラリの紹介。画像が大量に張り付いたページで効果ありそう。 2008/01/18
bluerabbit #Tech, javascript
これはいい。そもそも画像が重いサイトを作らないからあれだけど、簡単でいいアイデア。 2008/01/18
chaws2004 prototype.js, jquery, tips, ui
画像の遅延読み込み 2008/01/18