预加载图像队列

【问题标题】：Preload image queue预加载图像队列
【发布时间】：2018-04-23 16:06:53
【问题描述】：

有没有办法更改我的图像队列顺序？

我有一张图像，我将其用作更大图像的“模糊”预览。我使用 cms，所以在我的图像之前加载了很多图像。甚至预加载也被忽略。

顺序是：

带有背景图片的正文
27 张图片
自定义预览图片

我尝试改变我的队列顺序

身体
自定义预览图片
27 张图片

我的图像是低分辨率图像。它是 85x53，大小约为 2,13kb。它从 1.4 秒开始（有时甚至更晚）。

感谢您的帮助:)

亲切的问候，拉科乌

【问题讨论】：

可能的克隆：stackoverflow.com/questions/4211519/…

标签： html css image preload

【解决方案1】：

你可以尝试在body顶部使用隐藏的<img>标签来强制浏览器提前加载

类似这样的：

<!DOCTYPE html>
<html>
<head>
  <!-- ... -->
</head>
<body>
 <img src="your/preloaded/image.png" style="display: none;"/>
 <!-- ... -->
</body>
</html>

【讨论】：

是的，我已经尝试过了，我什至在头部放置了一个预加载链接：/（我的错，我应该写我已经尝试过的内容）。我还应该指出，我正在使用 smarty 加载图像。
好吧对不起，你是对的，我使用背景图像而不是图像标签。之前仍有一些图像加载，但现在加载速度足够快，可以达到所需的结果，所以谢谢:)