图片是按照它们在标记中的显示顺序下载的,还是显示的元素按照字母数字顺序下载?
我想知道,因为我想订购我的网站 Assets sprite,以便在特色图片之前下载。
最佳答案
很难说,标记中有图像,CSS 中有图像。实际上没有任何规则,这取决于浏览器。
如果它们是按源顺序请求的,则不能保证响应(所有图像数据)将按照它们被请求的相同顺序接收。浏览器可以同时发出多个请求,因此这取决于提供图像的位置以及图像的大小。
它们也可能已经被缓存了,我想你可能对不必要的东西过于大惊小怪了。
您可以试验或查看一些 JavaScript 预加载器例程或其他东西,但老实说,这不是那种值得担心的事情。用户已经习惯了这种体验。
最简单的实现方式是隐藏所有这些图像(使用 JavaScript 以便非 JS 不受影响)并等待页面的 onload 事件,然后您可以使用 JavaScript 计时器使图像按照您的顺序显示想让他们出现在。
onload 事件在所有关联的页面工件完成加载后触发,有时这永远不会发生(希望很少发生),或者会花费难以忍受的长时间。好吧,你也可以有一个超时来触发 onload 事件处理程序作为回退,以防万一发生这种情况,然后只显示你有什么。这种事情会让我根本不想做任何花哨的事情,只是让事情变得简单。
如果问题是您的页面在加载图像时重排,那是因为您没有指定图像占位符的尺寸(例如 IMG 元素的宽度和高度属性)。
关于html - 图片在您的网站上的下载顺序是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13375592/