画像を遅延読み込みする方法 [HTML/JavaScript]

画像を遅延読み込みする方法

比較

参考：

LP高速化のために5つの画像の遅延読み込みライブラリを比較した – Qiita

jQuery Lazy Load (lazyload.js)

参考：

tuupola/jquery_lazyload: Vanilla JavaScript plugin for lazyloading images – GitHub

Vanilla JavaScript Lazy Load Plugin

jquery.lazyload.jsの使い方まとめ | cly7796.net

Lazy Load(画像の遅延読み込み)を実装する方法 | SYNCER

遅延読み込みでWebページを高速化！jQuery Lazy Loadの使い方 | ALAKI

lazysizes.js

参考：

aFarkas/lazysizes: High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration. – GitHub

背景画像も遅延読み込み可能。万能Lazyloader、lazysizesの使い方 | WEMO

amp-img

参考：

amp-img (Built-in) – AMP [Official]

今の時代、ウェブページは一瞬で表示するべき！ 画像の遅延読込に役立つamp-imgの使い方 – ICS MEDIA

assets-loader

参考：

ianmcgregor/assets-loader: A simple batch assets loader – GitHub

assets-loader – npm

assets-loader examples | ianmcgregor.me

タグ：

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です