图像预加载真的有效吗？

Question

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

当我预加载相同的8张图像时，这就是YSlow图显示给我的：

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

那么这是否意味着如果我预加载图像，加载时间将始终更长？ 如果是这样的话，预加载到底有何炒作？

- 编辑 -

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

Answer 1

您可以预加载尚未显示给用户的图像，但是当用户希望看到它们时，它们将不等待加载。 就像您将鼠标悬停在图像上并且它会改变一样。

但是，如果图像很大并且用户第一次徘徊，那么他将等待加载。 如果您预加载第二张图像，则不要等待。

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