CSS背景图像重复会增加页面上的负载吗?

时间:2012-08-24 11:24:22

标签: html css

假设在10px的无序列表项中重复1px宽度和20px大小1kb的图像。 然后,以kb为单位的页面大小将增加10kb(listitem的宽度*图像大小),或者仅为1kb。?

6 个答案:

答案 0 :(得分:2)

您只向服务器发出一次请求,因此不会增加页面大小。

您建议使用的图像是减小页面大小的理想方法。

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

答案 1 :(得分:1)

不,它不会增加尺寸。它将保持1kb的大小。

  

“基本上,图像切片对于分割巨大的图像非常有用,这样单个碎片的加载速度就会比整个大碎片更快。”

答案 2 :(得分:1)

图像仅加载到浏览器的缓存中一次。所以加载的数量只有1kb。这就是为什么spritesheets是一个好主意。

答案 3 :(得分:1)

不,根本不会增加加载页面时间。图像仅加载。

答案 4 :(得分:1)

下载的页面大小不会改变(即HTML和图像)。

由于它是相同的图像,因此可以从单次下载中重复使用。

然而,在内存中,由于需要渲染背景,因此会有所增加。无法确定这将导致哪种内存增加。

答案 5 :(得分:1)

绝对不是 当浏览器下载背景时,它会使用下载的背景图像重复背景并且永远不会下载多次,您可以使用firebug进行检查