更快的加載時間：背景圖片或瀏覽器屬性？

Question

我有我的網站上雜亂的背景，並使其更容易一些閱讀我用這個背景屬性：

p : background-color {rgba(250, 250, 250, 0.7)} 

隨着記住網站加載時間的目標，這將是更好地使用背景圖像與不透明度？

你可以看到這裏的問題：http://tinyurl.com/7ywoqpf

注意我已經在降低背景PNG大小工作，這個問題是關於段落的背景只有

我應該保持當前設置或使用背景圖片？

Answer 1

確定這是頁面加載瀑布的樣子 - http://www.webpagetest.org/result/120505_MG_47R9V/1/details/

你已經知道你需要減少影像，但有一些其他的事情可以做..

刪除重複的ga.js 使用jquery.min.js代替jquery.js 打開html，css和js的gzip

如果你正在尋找一個圖像壓縮器jpegmini.com用jpegs做的很好，並且有很多選項對於PNG

Answer 2

圖像必須從服務器上下載，然後加載到瀏覽器，使用像rgba這樣的CSS屬性來創建效果，它依賴於瀏覽器。所以毫無疑問，rgba比圖片更好。

Answer 3

無論壓縮程度如何，圖像總是必須下載。由於ping，總會有一些開銷。更重要的是，因爲許多瀏覽器堅持不要每個主機名同時發出兩個請求（在HTTP規範中定義的行爲），任何映像都會延遲加載其他資源。

我不知道RGBA的實現，但是我會很驚訝如果這意味着下載其他資源也較快。