在 html 和 css 中加载图像的顺序

Question

我可以编程（或如我们在谈论html和css，语义）决定以何种顺序应该图像负荷？

我想先加载背景图像，然后调用 som javascript $(window).load，将它留在浏览器上是否足够（例如，body-background 在线40，其他图像稍后在 css 文件中）或者我是否必须使用 javascript（如果是的，有什么简单的解决方案吗？）

谢谢你。

编辑：原因是我可以在加载图像时显示通知“正在加载...”，但是如果不至少看到背景，首先加载的部分将没有意义，因此必须先加载背景。

Answer 1

没有可靠的方法。使用 JavaScript 意味着图像永远不会被禁用脚本的用户或不支持它的浏览器加载。

页面的几乎所有外部资源（脚本除外）都是异步加载的，从浏览器解析它们开始。这意味着最有可能首先加载较小的文件，而较大的文件需要更长的时间来下载和显示。

您可能可以将所有较小的图像精灵化为一个图像，这会使文件变大，以便它们同时显示（而不是连续显示），但我不会全心全意地推荐它用于任何正常的页。该过程仅涉及调整背景位置以仅显示您想要的图片集。如果集合大小大于背景图像并且背景图像首先开始下载，则背景很有可能在图像之前呈现。