在Web開(kāi)發(fā)中，CSS優(yōu)化是至關(guān)重要的一環(huán)。通過(guò)優(yōu)化CSS，我們可以讓網(wǎng)站在加載速度、渲染效果等方面獲得更好的表現(xiàn)。下面將介紹一些常用的CSS優(yōu)化計(jì)算方式。

/* CSS壓縮 */
由于CSS文件中的空格、注釋等都會(huì)增加文件大小，因此可以通過(guò)CSS壓縮來(lái)減小文件大小。常用的CSS壓縮工具有YUI Compressor、CSSO等。例如，在使用YUI Compressor時(shí)可以通過(guò)以下命令進(jìn)行壓縮：
java -jar yuicompressor-x.y.z.jar style.css -o style.min.css --charset utf-8
/* CSS緩存 */
將CSS文件緩存到客戶端可以節(jié)省客戶端向服務(wù)器請(qǐng)求CSS文件的時(shí)間和帶寬。我們可以在HTTP響應(yīng)頭中設(shè)置CSS文件的Cache-Control和Expires屬性，例如：
HTTP/1.1 200 OK
Content-Type: text/css;charset=utf-8
Cache-Control: max-age=86400
Expires: Wed, 28 Oct 2020 15:00:00 GMT
/* CSS Sprites */
將多個(gè)小圖標(biāo)合成為一張大圖，然后通過(guò)background-position來(lái)顯示相應(yīng)圖標(biāo)，可以減少HTTP請(qǐng)求次數(shù)。例如：
.icon {
background: url(sprites.png) no-repeat;
display: inline-block;
}
.icon-home {
width: 20px;
height: 20px;
background-position: 0px 0px;
}
.icon-message {
width: 20px;
height: 20px;
background-position: -20px 0px;
}
/* CSS代碼拆分 */
當(dāng)CSS文件過(guò)大時(shí)，頁(yè)面加載速度會(huì)變慢，因此可以通過(guò)拆分CSS文件來(lái)減小文件大小。例如，我們可以將通用的CSS和頁(yè)面特定的CSS拆分為兩個(gè)文件，然后在HTML中分別引用：