在HTML <img/>中的所有图像之前加载css后台中的真实图像是什么？

Question

如果我想快速加载任何图像我应该用作css背景吗？我认为差异只会出现在低速互联网连接上。

我看到很多与css相关的文章只是预加载他们都在css背景中使用图像。

http://perishablepress.com/press/2008/04/15/pure-css-better-image-preloading-without-javascript/

http://perishablepress.com/press/2007/07/22/css-throwdown-preload-images-without-javascript/

http://divitodesign.com/css/create-an-image-pre-loader-with-css-only/

Answer 1

这完全取决于事情发生的顺序。浏览器可以尽快开始处理事物，因此，在头部定义了css的普通页面中，它能够从css开始请求和接收图像，然后才能从身体中进行处理该文件。

简而言之，答案是肯定的。

但是......请记住，它实际上并没有更快地加载图像。您所做的只是改变加载顺序，而不是绝对速度。图像仍然需要相同的加载时间。如果你将所有东西从身体移出并进入头部的css，你仍然可以优先决定首先加载哪些。所以你来了一圈。你无法做出一切事物而不是其他事情。

Answer 2

这显然是特定于浏览器的。此外，没有合理的理由，即使在低速连接上也不会产生任何影响。即使页面上图像的开始加载时间与CSS规则中的图像之间有200毫秒的延迟，最终用户也不会注意到它。

如果你必须为低速连接做一个网页，那么解决方案并不是真的那么“优化”。