CSS背景图片重复是否增加页面负载？

Question

在10px的无序列表项中重复1px宽度和20px高度大小为1kb的图像。 然后，以kb为单位的页面大小会增加10kb（listitem的宽度*图像的大小），否则将只有1kb。

Answer 1

你只能做一个请求到服务器，以检查它一个背景图像一次，所以不，它不会增加页面大小。

像你所建议的图像是减少页面大小的理想方法。

如果你想更进一步，你可以考虑使用CSS精灵进一步减少页面大小和加载时间。

Answer 2

不，它不会增加大小。它将保持1kb的大小。

“基本上，图像切片对于分解巨大的图像非常有用，因此各个部分的加载速度将比整个大图像快。”

Answer 3

图像只被加载到浏览器的缓存中一次。所以装入的数量将只有1kb。这就是为什么精灵表是这样一个好主意。

Answer 4

不，完全不会增加加载页面时间。图像仅加载。

Answer 5

下载的页面大小不会改变（即，HTML和图像）。

由于它是相同的图像，它将从单一下载中重用。

但是，在内存中，背景需要渲染时会有增加。不可能确定这将导致什么样的记忆增加。

Answer 6

绝对不会
当浏览器下载的背景下，重复的背景与下载的背景图像和从未下载多次，你可以用萤火