背景VS背景色：性能

Question

我想知道這一點，有點挖後，發現this resource，在this answer聯繫。

的資源狀態：

背景VS背景顏色的頁面上呈現100倍小 矩形，一旦與背景18的顏色樣本

比較和一次與背景色。現在

| -------------------------------------------- | 
| Page    | Safari 7.0.1 | Chrome 33 | 
| -----------------|-------------------------- | 
| background  | 44.9ms  | 34.45ms | 
| -----------------|-------------------------- | 
| background-color | 87.5ms  | 69.34ms | 
| -------------------------------------------- | 

，我會想象background-color存在方式速度更快，因爲資源的思想，以及：

我認爲，當瀏覽器發現background: #000;，他們真的看到background: #000 none no-repeat top center;。我沒有鏈接到這裏的資源，但我記得在某個地方讀這個。

是怎麼回事？爲什麼background比background-color更快？從您已經鏈接了Github上庫

Answer 1

要點：

• 這一切都不是超級準確。
• 這些都是本地的頁面加載時間通過file:///網址。
• 沒有什麼是平均值。 這是一個單頁面加載。
• 測試的唯一的平臺是OS X（目前10.9.1）。
• 我不是開發工具專家（在任何瀏覽器中）。
• Firefox的開發工具是可怕的使用，我沒有將他們測試了。

除非你重複測試成千上萬如果不是幾十萬的在不同瀏覽器（及其版本）和操作系統的時間在各種不同的機器，結果是毫無意義的。在一次測試中，不同瀏覽器的加載時間之間存在關聯可能完全是巧合。

而且這是一個非常具體的測試。它測試OS X上的Safari 7.0.1和Chrome 33.那麼Safari 5.1,6,7.0.0呢？那麼Chrome 4,33,44呢？ Firefox，Opera和Internet Explorer怎麼樣？ Windows或Linux怎麼樣？那麼移動設備呢？

你的問題是不是「爲什麼比background-color快background」，你的問題是「爲什麼在OS X上一次測試運行顯示background上的兩個不同的瀏覽器的特定版本比background-color快」。這是一個有無數可能性的問題。