JavaScript 【JavaScript】Intersection Observerを使った画像の遅延読み込み方法
Intersection Observerで画像の遅延読み込み（Lazy Load）を実装する方法を解説します。data-src＋srcの差し替え、読み込み後のフェードイン、unobserveでの監視解除、rootMarginで画面手前から先読みする方法、読み込み失敗時の対処まで、まずはネイティブのloading="lazy"を検討する前提で紹介します。