图片在您的网站上下载了什么顺序？

Question

图像是按照它们在标记中显示的顺序下载还是以字母数字顺序显示下载的项目？

我想知道，因为我想在特色图片之前订购我的网站资产精灵。

Answer 1

很难说，CSS中的标记和图像中都有图像。实际上没有任何规则，这取决于浏览器。

如果按来源顺序请求它们，则无法保证响应（所有图像数据）将按照请求的顺序接收。浏览器可以同时发出多个请求，因此它取决于图像的投放位置和图像大小。

此外，他们可能已经被缓存，我认为你可能会过度担心不必要的事情。

您可以试验或查看一些JavaScript预加载器例程或其他内容，但老实说，这不是一件值得担心的事情。用户习惯了这种体验。

最简单的实现是隐藏所有这些图像（使用JavaScript以便非JS不受影响）并等待页面的onload事件，然后您可以使用JavaScript计时器使图像按照您的顺序显示希望他们出现在。

一旦所有关联的页面人工制品完成加载，onload事件就会触发，有时这种情况永远不会发生（希望很少），或者需要花费无法忍受的长时间。好吧，你也可能有超时触发onload事件处理程序作为回退，以防万一发生这种情况，然后只显示你拥有的内容。这种事情会让我不再费心去做任何花哨的东西，只是保持简单。

如果问题是您的页面在加载图片时正在回流，那是因为您没有指定图像占位符的尺寸（例如IMG元素的width和height属性）。

Answer 2

Firefox 似乎按照标记中显示的顺序加载图片。我相信Chrome和互联网也是如此。

您可以在Firefox或Chrome控制台中使用Firebug自行测试。