javascript - ブラウザが画像を作業メモリにロードするのはいつですか?

Question

画像を多用する Web ページを作成しています。すべての画像を表示したところ、サイトが非常に遅くなりました。読み込みだけでなくブラウジングなども

画像を読み込む必要がないことをブラウザに伝える良い方法はありますか? たとえば、css では次のようになります。

display:none

または、何らかの方法でJavaScriptを使用して画像をインスタンス化するかもしれません。

現在、すべての画像は html で指定されています。可能であれば、そのように維持したいと考えています。

Answer 1

<img id="myID" src="about:blank" alt="" />

document.getElementById("myID").src="/image1.jpg";

認めざるを得ませんが、これまで空のイメージ タグを使用したことはありませんでしたが、必要に応じて、コンテナーに常にイメージを動的に追加していました。

document.getElementById("myDivID").appendChild('<img id="myID" src="image1.jpg" alt="" />');