CSS3 精靈技術是一種優化網頁性能的技術，它通過將所有需要的圖像放在同一張圖片中，并使用 CSS 的 background-position 屬性來控制顯示哪一個小圖，從而避免了因為加載多張圖片而增加網站加載時間的問題。

下面是一個 CSS3 精靈技術的例子，代碼如下：

.icon {
background-image: url(images/icons.png);
display: inline-block;
height: 48px;
width: 48px;
}
.icon-facebook {
background-position: 0 0;
}
.icon-twitter {
background-position: -48px 0;
}
.icon-google-plus {
background-position: -96px 0;
}

上面的代碼中，我們定義了一個名為 icon 的類，設置了其背景圖片為一個包含多個圖標的 png 圖片，并設置了它的寬度和高度為 48 像素，以確保顯示的圖標是正確的大小。

接下來，我們分別為不同的圖標添加了不同的 class 名稱，并使用 background-position 屬性控制顯示相應的圖標。

通過使用 CSS3 精靈技術，我們不僅可以減少網站的加載時間，還可以提高頁面的用戶體驗，并減少服務器的壓力。所以在設計網頁時，應該多多考慮使用這種技術來優化網頁性能。