つのメリットが得られます。遅延読み込みライブラリで提供される機能に近い動作をします。ビューポートからの距離に関する新しいしきい値でも、ユーザーがスクロールした時点で画像が読み込まれている可能性が高いことを意味します。あるデモを高速接続(4G)で行った場合、ビューポートからの距離の新旧のしきい値を比較してみましょう。遅延読み込みに使用されるしきい値の比較。指定する必要はありません。属性を追加することをおすすめします。スタイルで直接値を指定します。遅延読み込みにすることができますが、遅延読み込みを使用すると重要度が高くなる場合があります。遅延読み込みは、画像生成の確率が高くなるように実装されています。使用するイメージを指定することはできません。シフトが増加するリスクがあります。これは各画像がスペースを占有せず、画面外に押し出されることもありません。この場合、ブラウザはすべてを読み込むことにし、ページ読み込み時間を増やします。動作の例については、以下をご覧ください。こちらのデモをご覧ください。要素を使用して、定義した画像を遅延読み込みすることもできます。いずれかから読み込む画像はブラウザが決定します。追加するだけで済みます。画像の場合は、ブラウザのデフォルトの積極的読み込みを使用して、画像を表示できるようにします。使えます詳細については、多すぎる遅延読み込みのパフォーマンスへの影響をご覧ください。最初のビューポートの範囲外の画像にのみ使用します。ページ上の位置を認識するまでは、画像を遅延読み込みできません。属性をサポートしていないブラウザでは、この属性は無視されます。遅延読み込みの利点は得られますが、それを含めても悪影響はありません。ある質問ブラウザレベルの遅延読み込みに関するよくある質問を紹介します。画像の自動遅延読み込みを提供する予定もありません。使用して変更することはできません。属性を使用できますか?いいえ。タグでのみ使用できます。計算された距離の範囲内である。