Intersection Observer

要素が画面の表示範囲に入ったかどうかを、効率よく検知できるブラウザの機能。

以前は要素の位置をスクロールのたびに計算していたため処理が重くなりがちだったが、この機能を使うと、対象の要素が画面に入った・出たというタイミングだけを、ブラウザ側から効率的に知らせてもらえる。

画像の遅延読み込みや、スクロールに合わせたアニメーションの開始タイミングを検知する用途で広く使われている。