Chrome (>=75)でimg,iframeの遅延ロードができるようになった
画像の遅延ローディングと言えば今まで大量の画像をスクロールして見る時、 表示速度を落とさないためにはJavascriptなどを使って今ブラウザ画面内に 入る範囲の画像だけをロードするなど苦労された方も多いのではないでしょうか?
それがこれだけで実現できるようになりました(現状Chrome75以上だけですが)
<img src="celebration.jpg" loading="lazy" alt="..." /> <iframe src="video-player.html" loading="lazy"></iframe>
詳しい使い方やデモはこちらにあります。 Native image lazy-loading for the web!