Home > EC > 画像の遅延読み込み

画像の遅延読み込み

  • 2010-10-15 (金) 12:13
  • EC

アミファさんの自社サイトに画像遅延読み込みの機能を入れてみました。

http://www.amifa.jp/

Webページの表示を高速化しようと、いろいろな手法を試しています。その一つとして遅延読み込みという手法があるのを思い出しまして入れてみた次第です。初期状態で表示する必要のない要素については読み込まず、必要になったタイミングで読み込んで表示します。

Lazy Load Plugin for jQuery という、jQueryのプラグインを入れて実現しています。
全ての画像で遅延読み込みを行わせると、サイトの構成上支障が出る箇所があったので、一部分にのみ適用しました。

適用されている画像は、スクロールした際にフェードインするように表示されます。

Web担当者フォーラムも、先ほど見たら、この手法が使われていました。
http://web-tan.forum.impressrd.jp/e/2010/10/08/8996

でも、Webページの表示高速化には、回線の増速が手っ取り早いので、そちらの方向でも対策中です。

コメント:0

コメントフォーム
Remember personal info

トラックバック:0

このエントリーのトラックバックURL
http://blog.tanaka-cs.com/ec/p/207/trackback
Listed below are links to weblogs that reference
画像の遅延読み込み from # えびログ

Home > EC > 画像の遅延読み込み

カレンダー
« 2017 年 9月 »
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  
最近のコメント
最近のPings
最近の投稿
メタ情報
カテゴリー

Return to page top