loading 属性を使用すると、カスタムの遅延読み込みコードを記述したり、別の JavaScript ライブラリを使用したりすることなく、画像を遅延読み込みできます。この機能のデモは次のとおりです。 遅延読み込みされた画像は、ユーザーがページをスクロールするときに読み込まれます。 このページでは、ブラウザで遅延読み込みを実装する方法について詳しく説明します。 ブラウザレベルの遅延読み込みを使用する理由 HTTP Archive によると、画像はほとんどのウェブサイトで最もリクエストされるアセット タイプであり、通常は他のリソースよりも多くの帯域幅を消費します。90 パーセンタイルでは、サイトはパソコンとモバイルで 5 MB を超える画像を送信しています。 以前は、画面外の画像の読み込みを遅らせる方法が 2 つありました。 Intersection Observer API の使用 scr
