CSS中的精靈圖是一種常見的優化網站性能的方法。通過將多張小圖片合成一張大圖，并利用CSS背景圖屬性來實現一次HTTP請求獲取多張圖片的效果，從而優化網站的加載速度。

使用精靈圖的方法非常簡單，只需要將所有需要的小圖片合成一張大圖，確定每個小圖的位置及尺寸。然后在CSS中設置背景圖為該大圖，以及每個小圖的位置及尺寸信息。

.sprite {
background-image: url("sprite.png"); /* 設置背景圖為合成的大圖 */
}
.icon-home {
background-position: -10px -20px; /* 設置小圖的位置信息 */
width: 16px; /* 設置小圖的寬度 */
height: 16px; /* 設置小圖的高度 */
}

上述代碼中，.sprite是設置背景圖的類名，.icon-home是一個小圖的類名，background-position屬性是用來確定該小圖在背景圖中的位置信息，通過設置負的left和top值來實現。同時，需要設置該小圖的寬度和高度，以便在使用時展示正確的尺寸。

使用精靈圖的好處是可以大幅度減少網站的HTTP請求次數，從而提升網站的加載速度。此外，由于所有小圖都集中在一張合成的大圖中，也方便前端開發者進行維護和管理。