看看下面的例子：
有一个 div 在悬停时被赋予不同的背景。为了说明我的观点，在这种情况下，图像的尺寸有点大。
我在 JavaScript 中有基本的图像预加载设置来预加载这个悬停图像。打开 Chrome 开发工具并查看网络选项卡。如果您清除 SHIFT+重新加载页面，您将看到预加载背景悬停图像确实已预加载。
但是还是有Image Flash
但是，如果您将鼠标悬停在图像上并仔细观察，您会看到图像在显示悬停图像之前有短暂的白色闪光。如果您不预加载图像，这与您看到的图像闪存相同。此外，如果您观看“网络”选项卡，您会看到当您第一次将鼠标悬停在 div 上时，它会再次加载背景悬停图像。所以现在它在那里两次。
这让我觉得图像预加载根本不起作用。但如果是这种情况，那么为什么预加载图像会显示在 Chrome 开发工具网络选项卡下？
这是 JS 预加载脚本：
var image = new Image();
image.src = "http://us.123rf.com/400wm/400/400/zmkstudio/zmkstudio1103/zmkstudio110300066/8993167-abstract-water-color-painting-random-red-texture-background.jpg";
这里有什么问题？