CSS背景圖像重復會增加頁面負荷嗎？

Question

假設寬度為1像素，高度為20像素，大小為1kb的圖像在10像素的無序列表項中重復出現。 然后，以kb為單位的頁面大小將增加10kb（listitem的寬度*圖像大小）還是僅增加1kb。

Answer 1

下載的頁面大小不會改變（即HTML和圖像的大小）。

由於它是同一映像，因此可以從一次下載中重用它。

但是，在內存中，由於需要渲染背景，因此會有所增加。 無法確定這將導致哪種內存增加。

Answer 2

您只向服務器發出一次針對該背景圖像的請求，因此不，它不會增加頁面大小。

您所建議的圖像是減小頁面大小的理想方法。

如果您想走得更遠，可以考慮使用CSS Sprite進一步減少頁面大小和加載時間。

Answer 3

不，它不會增加大小。 它將保持1kb的大小。

“基本上，圖像切片對於分解大圖像很有用，這樣單個片段的加載速度將比整個大片段更快。”

Answer 4

該圖像僅一次加載到瀏覽器的緩存中。 因此，加載量僅為1kb。 這就是為什么Spritesheets是一個好主意的原因。

Answer 5

不，這完全不會增加加載頁面的時間。 圖像僅加載一次。

Answer 6

絕對不
瀏覽器下載背景時，它會與下載的背景圖片重復顯示背景，並且從不下載多次，您可以使用firebug進行檢查