CSS導航欄雪碧圖是優化網頁性能的一種手段。雪碧圖是一張將多個圖像拼合到一起的圖片，可以減少網頁http請求次數，提高網頁加載速度。

使用雪碧圖制作導航欄時，首先需要準備好每個菜單項的背景圖片。然后將所有圖片拼合到一張圖片上，并給每個菜單項設置相應的背景位置和大小。這樣，當網頁渲染導航欄時，只需要請求一張圖片，就可以實現所有菜單項的顯示。

nav {
background-image: url('sprites.png');
}
nav a {
width: 50px;
height: 50px;
display: inline-block;
}
nav .home {
background-position: 0 0;
}
nav .about {
background-position: -50px 0;
}
nav .contact {
background-position: -100px 0;
}

上面的代碼示例中，nav是導航欄的樣式，background-image指定了雪碧圖的圖片路徑。每個菜單項都是一個a標簽，大小和display屬性設置為inline-block。設置每個菜單項的背景位置時，需要根據雪碧圖圖片中每一項的寬度和高度來計算。

使用CSS導航欄雪碧圖可以有效優化網頁性能，減少http請求次數，提高網頁加載速度。