no-image

JavaScript

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

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

Lazyestload.js

デモ

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

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

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

Lazyestload.js

関連記事

  1. pell

    JavaScript

    軽量でシンプルなWeb用のWYSIWYGエディタを実装できる「pell」

    pellは1.5KBと非常に軽量でシンプルなWeb用のWYSIWYGエ…

  2. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

  3. stickyNavbar.js
  4. basicScroll

    JavaScript

    モバイル・デスクトップに対応したパララックススクロール実装「basicScroll」

    basicScrollはモバイル・デスクトップに対応したスタンドアロー…

  5. Animated Toggle Menu
  6. no-image

    JavaScript

    タブやアコーディオンを実装できるjQueryプラグイン「jpix」

    jpixはシンプルなタブやアコーディオンを実装することができるjQue…

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP