CSS背景延遲加載是一種優化網頁性能的方法。在網頁加載時，如果同時加載所有的背景圖片，會使頁面加載速度變慢。但是通過將背景圖片的加載延遲到需要的時候再加載，可以提高頁面的加載速度。

實現CSS背景延遲加載的方法是使用一個特殊的CSS類，例如下面這個：

.lazy-background {
background-image: none;
}

這個CSS類把背景圖片的路徑設置為none，這樣在頁面加載的時候，不會加載這個背景圖片。當需要顯示背景圖片時，我們可以使用JavaScript來給相應的HTML元素添加這個CSS類，例如：

document.getElementById('my-element').classList.add('lazy-background');

這個JavaScript代碼會找到id為my-element的HTML元素，并給它添加lazy-background這個CSS類。這個方法將會立即生效，將背景圖片的路徑設置為none。

當需要顯示背景圖片時，我們可以使用下面的JavaScript代碼：

document.getElementById('my-element').style.backgroundImage = 'url("my-background.jpg")';

這個JavaScript代碼將會給id為my-element的HTML元素設置背景圖片。由于我們在之前已經將背景圖片的路徑設置為none了，所以這個背景圖片會在這個JavaScript代碼執行后才會開始加載。

通過CSS背景延遲加載，可以有效地提高網頁的加載速度，給用戶更好的使用體驗。