Javascript 将图像预加载到预缓存

我想预加载图像，但不一定要将它们附加到DOM中。如果我预加载一个图像，它会被有效地预缓存吗

我的理解是缓存通过引用图像的

src

工作。从玩来玩去，似乎为了预切而预加载确实有效。然而，我不确定；这可能不可靠或对性能有一些负面影响

我正在使用映像构造函数预加载

const img = new Image();
img.src = imageArray[i].url;

---

是的，它确实有效

function preloadImage(url){
    const img = new Image();
    img.src = imageArray[i].url;
}

然而，有两种方法。例如，将预加载延迟到页面加载之后：

函数预加载程序（）{
if（document.images）{
var img1=新图像（）；
var img2=新图像（）；
var img3=新图像（）；
img1.src=”http://url/image-001.jpg";
img2.src=”http://url/image-002.jpg";
img3.src=”http://url/image-003.jpg";
}
}
函数addLoadEvent（func）{
var oldonload=window.onload；
if（typeof window.onload！=“函数”）{
window.onload=func；
}否则{
window.onload=函数（）{
if（oldonload）{
oldonload（）；
}
func（）；
}
}
}
addLoadEvent（预加载程序）；