小程序作為一種輕量級的應用，越來越受到人們的歡迎。其中，css精靈圖是一種提高圖片加載速度的方法，使用css精靈圖能夠減輕服務器負擔，提高網頁性能。

css精靈圖可以將多張小圖合成為一張大圖，這樣網頁只需要加載一張大圖，就可以顯示所有小圖。當需要顯示其中的一張小圖時，只需要調整背景圖的位置即可。這種方式比分別加載多張小圖的方法，能夠極大地提高網頁的加載速度。

在小程序中使用css精靈圖也很簡單，我們可以使用wxss文件進行定義。首先，需要定義一個類名，并設置background-image屬性為精靈圖的url，同時設置background-repeat為no-repeat，這樣圖片就不會重復顯示。然后，通過background-position屬性來確定需要顯示的小圖的位置。

.icon {
display: inline-block;
background-image: url('/images/icons.png');
background-repeat: no-repeat;
}
.icon-home {
width: 30px;
height: 30px;
background-position: -10px -10px;
}
.icon-navigate {
width: 30px;
height: 30px;
background-position: -50px -10px;
}

在上面的代碼中，我們定義了一個.icon類，作為所有使用精靈圖的圖標的共同類名。然后，分別定義了.icon-home和.icon-navigate兩個子類，分別對應兩個需要顯示的小圖。通過設置不同的background-position，可以確定這兩個小圖在精靈圖中的位置。

在html中，只需要使用對應的類名來顯示圖標即可：

<div class="icon icon-home"></div>
<div class="icon icon-navigate"></div>

通過這種方法，我們可以很方便地使用css精靈圖來優化小程序的性能，提高用戶體驗。