html - 图片在您的网站上的下载顺序是什么？

Question

图片是按照它们在标记中的显示顺序下载的，还是显示的元素按照字母数字顺序下载？

我想知道，因为我想订购我的网站 Assets sprite，以便在特色图片之前下载。

Answer 1

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

如果它们是按源顺序请求的，则不能保证响应(所有图像数据)将按照它们被请求的相同顺序接收。浏览器可以同时发出多个请求，因此这取决于提供图像的位置以及图像的大小。

它们也可能已经被缓存了，我想你可能对不必要的东西过于大惊小怪了。

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

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

onload 事件在所有关联的页面工件完成加载后触发，有时这永远不会发生(希望很少发生)，或者会花费难以忍受的长时间。好吧，你也可以有一个超时来触发 onload 事件处理程序作为回退，以防万一发生这种情况，然后只显示你有什么。这种事情会让我根本不想做任何花哨的事情，只是让事情变得简单。

如果问题是您的页面在加载图像时重排，那是因为您没有指定图像占位符的尺寸(例如 IMG 元素的宽度和高度属性)。