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

絕對不會
當瀏覽器下載的背景下，重複的背景與下載的背景圖像和從未下載多次，你可以用螢火