no-image

JavaScript

画像の遅延読み込みを実装できる軽量ライブラリ「Lazyestload.js」

Lazyestload.jsは画像の遅延読み込み機能を実装できる軽量のJSライブラリです。画像以外の部分を先に読み込ませることができるので、ユーザーにとっても無駄な待ち時間が減り、より快適にWebページを閲覧できますね。Webページを少しでも高速化したいと考えている人は要チェックです。

Lazyestload.js

デモ

デモでは縦長のページが用意されていて、ずらずらと書かれたテキストが表示されます。下へスクロールしていくと画像も出てきますが、遅延読み込みされるようになっているので、はじめはボカシが入った画像が表示され、少し時間を置いてから本来の画像が表示されます。

画像ファイルが重いとそれが読み込まれるまでそれ以降のコンテンツの読み込みができない状態になるので、早くコンテンツを見たいユーザーにとっては不便を強いられることになってしまいます。

なので画像を後から読み込ませることで先にコンテンツを表示できるこの手のライブラリはとても便利です。特にスマホなどのモバイルでは隙間時間などを利用してコンテンツを閲覧する機会も多いと思うので、できるだけ素早くコンテンツにアクセスできるというのは大きなメリットになります。

Lazyestload.js

関連記事

  1. JavaScript

    指定した画像を遅らせてローディングさせるjQueryプラグイン「Lazy Karl」の使い方

    ちょっと面白そうだったので試してみました。画像を表示させるまでの間にロ…

  2. JavaScript

    テキストを中央に向かうにつれて大きくしたりできるjQueryプラグイン「jqIsoText」

    結構おもしろかったのでメモしときます。テキストに簡単なエフェクトをかけ…

  3. no-image

    JavaScript

    多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」…

    frydBoxは、多彩なパラメーターでカスタマイズ性の高いモバイルフレ…

  4. jquery.mark

    JavaScript

    キーワードをハイライトしてくれる「jquery.mark」

    jquery.markはキーワードをハイライトしてくれるjQueryプ…

  5. Lightbox

    JavaScript

    jQuery依存なしのシンプルなライトボックス機能を実装できる「Lightbox」

    LightboxはjQueryに依存することなくシンプルなライトボック…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP