javascript - 浏览器何时将图像加载到工作内存中？

Question

我正在构建一个图像密集型网页。我刚刚弹出所有图片，网站变得非常慢。不仅加载，还浏览等。

有什么好方法可以告诉浏览器还不需要加载图像？例如在 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="" />');