Question

我正在为一个应用程序开发一个组件，该组件上有一个带有各种按钮的图像。

单击按钮时，图像源会发生变化。大约有250个独特的按钮（250个图像）。

当应用程序加载时，我想开始预加载图像，但是，我需要优先级始终是用户看到的实际图像标记。当我开始预加载一堆图像并单击按钮来更改图像时，在获取新图像之前需要很长时间。有没有办法可以优先考虑DOM中的任何内容，只加载预加载图像而没有其他任何内容？

到目前为止，我已经尝试了遍历图像列表，并且每个图像都在javascript中创建图像并设置源。

for (let i = 0; i < imageList.length; i++) {
    let image = new Image();
    image.src = imageList[i].source;
}

我还尝试通过循环浏览我的图片和javascript列表并将链接添加到DOM来预取链接。

<link rel="prefetch" href="(url)">

我在使应用程序变得非常慢时遇到了同样的问题。