使用CSS插入像Bing這樣的背景圖像

Question

我想將1024x768的圖像作爲背景並使用css快速加載。我可以使用

background(url....) 

在CSS中，但會解決下載圖像quickl的問題嗎？

感謝 讓

Answer 1

記住你不能改變用戶的DSL速度。所以CSS背景會很好。也許開始採取更高的JPEG壓縮（在我的DSL燈網站順便說一句，我恨。（全尺寸）背景圖片）

Answer 2

文件最小化。如果你必須使用這種技術的話，記得壓縮並緩存圖像，這會稍微提高速度，但嘗試並利用其他解決方案進行創意。

例如可以在x軸上重複背景嗎？如果可以的話，您可以創建一個1px寬的版本，您可以在頁面上重複該版本。

Answer 3

嘗試搜索this。它有助於切斷幾KB的數據。 PNG Gauntlet也是一款用於PNG壓縮的免費軟件，它還可以削減伽瑪校正，從而導致IE6和IE7出現問題。
身體背景圖像通常以較低的質量保存，從而減小尺寸。 如果您的背景可以更改，請預先加載它們。這是通過在頁面的開頭放置零高度的div，併爲每個分配背景圖像樣式來完成的。圖像在開始時加載，所以當身體的背景被改變時，用戶不會注意到滯後。
Google已經開始計算加載時間，所以經典的預加載會導致搜索引擎優化問題。加載JS後，頁面完全加載後是一個選項，甚至在執行特定操作後用JS分配樣式也是一種解決方案。