優(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)。一是提高頁面的性能。從以上代碼可以看出,僅有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)頁的加載速度。

相關(guān)文章