はじめに
jQuery を使わずに Lazy Load できる ApoorvSaxena/lozad.js の使い方を整理した。
TL;DR
<img class="lozad" src="dummy" data-src="image">
のように指定class="lozad"
を追加data-src
に Lazy Load 対象画像、src
にダミー画像を設定
lozad().observe()
を実行して Lazy Load 起動(監視処理の起動)IntersectionObserver
を使っているので SEO 的にも良い(らしい)