图像预加载真的有效吗？

Question

我在一个HTML页面中通过<img>标记添加了图像，然后通过另一个HTML文件预加载了该图像。这是没有预加载的HTML页面的YSlow图。

当我预装了相同的8张图片时，这就是YSlow图表向我展示的内容：

我知道当我包含预加载的hoopla时，jQuery文件总会有一个额外的HTTP请求。

这是否意味着如果我预加载图像，加载时间总是会更长？如果是这样的话，预加载的所有炒作都是什么？

- 编辑 -

在测试两个HTML页面之前，我还清除了缓存。我在清除每个实例的缓存后才拍摄这些截图。

Answer 1

您预先加载尚未向用户显示的图像，但是当用户想要看到它们时，不会等待加载。就像你在图像上悬停并改变它一样。

但是如果图像很大并且用户第一次徘徊而不是等待加载。如果您预加载第二张图片而不是等待。

预加载在某些情况下是理想的，但不是全部。