Chrome 76以降、`img` と `iframe` のネイティブ lazy loading をサポート

<img> タグに loading="lazy" を付けると、画面に表示されるタイミングで画像またはフレームの内容の読み込みを開始。
周辺コンテンツの reflow を防ぐため、height、width は付けておくのが望ましい
iframe の場合は、サイズが 4px 以下、display:none または visibility: hidden、絶対座標で x,y が画面外にある場合を除き、画面に表示されると読み込み開始。 （統計または通信目的の iframe が lazy loading されるのを防止）

現在は CSS background 画像は不可。
まだ他ブラウザのサポートはない状態のため、if 文を通じて別の lazy loading ライブラリを用意する必要あり。