優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利

網(wǎng)站seo優(yōu)化CSS Sprites的優(yōu)點(diǎn)

日期 : 2020-12-12 21:06:50
        CSS Sprites的優(yōu)點(diǎn)。一是提高頁(yè)面的性能。從以上代碼可以看出，僅有background-image:url(img/bg.png);代碼中涉及到從服務(wù)器下載圖片的一次請(qǐng)求，就解決了12張圖片的顯示問(wèn)題，實(shí)踐表明通過(guò)CSS Sprites能減少網(wǎng)頁(yè)請(qǐng)求服務(wù)器的次數(shù)，從而優(yōu)化網(wǎng)站中頁(yè)面性能。

        二是能減少圖片的存儲(chǔ)空間。12張單獨(dú)的GIF格式圖片占用空間48.0KB，而將12張圖片拼合成1張PNG格式圖片后占用空間為12.0KB，顯然拼合的圖片占用空間更少，有利于提升網(wǎng)頁(yè)的加載速度。

相關(guān)文章