在網站開發中，為了提高網頁的加載速度和性能，我們經常使用css雪碧圖技術。雪碧圖，英文名為Sprite，是將多個圖片合并在一張圖片中，通過 background-image 和 background-position 指定位置，將合并的圖片作為背景圖片應用在網頁中。

.icon {
background-image: url(sprites.png);
background-repeat: no-repeat;
}
.icon-home {
width:80px;
height:80px;
background-position:0 0;
}
.icon-user {
width:80px;
height:80px;
background-position:0 -80px;
}

可以看到，我們利用css來調用雪碧圖，而 background-position 就是用來定位雪碧圖中的圖片的。對于每個圖片，我們需要指定它在雪碧圖中的位置，比如上面代碼中，.icon-home 就是定位雪碧圖中第一張圖片的位置，而 .icon-user 則是定位第二張圖片的位置。

需要注意的是，我們用到的圖片要盡量保持同樣的尺寸，這樣才能在合并時方便地排列。同時，圖片之間的間隔也要盡量一致，不然會造成圖片之間的錯位。

總之，使用css雪碧圖技術可以有效地減少網頁的加載時間和http請求次數，提升網頁的性能表現。