網(wǎng)站seo優(yōu)化CSS Sprites的優(yōu)點
日期 : 2020-12-12 21:06:50
CSS Sprites的優(yōu)點。一是提高頁面的性能。從以上代碼可以看出,僅有background-image:url(img/bg.png);代碼中涉及到從服務器下載圖片的一次請求,就解決了12張圖片的顯示問題,實踐表明通過CSS Sprites能減少網(wǎng)頁請求服務器的次數(shù),從而優(yōu)化網(wǎng)站中頁面性能。
二是能減少圖片的存儲空間。12張單獨的GIF格式圖片占用空間48.0KB,而將12張圖片拼合成1張PNG格式圖片后占用空間為12.0KB,顯然拼合的圖片占用空間更少,有利于提升網(wǎng)頁的加載速度。
二是能減少圖片的存儲空間。12張單獨的GIF格式圖片占用空間48.0KB,而將12張圖片拼合成1張PNG格式圖片后占用空間為12.0KB,顯然拼合的圖片占用空間更少,有利于提升網(wǎng)頁的加載速度。