预加载图像队列

时间：2018-04-23 08:03:09

标签： html css image preload

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

我有一个图像，我用它作为更大图像的“模糊”预览。我使用cms，因此有很多图像在我的图像之前加载。甚至预加载都被忽略了。

订单是：

  • 身体与背景图像
  • 27张图片
  • 自定义预览图片

我尝试更改队列顺序

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

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

enter image description here

感谢您的帮助：）

亲切的问候， Rakowu

1 个答案:

答案 0 :(得分：1)

您可以尝试在身体顶部使用隐藏的<img>标记来强制浏览器提前加载

这样的事情：

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

相关问题
最新问题