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