CSS性能

是否有任何性能差異之間：CSS性能

p { 
    margin:0px; 
    padding:0px; 
}

，並省略了最後一個分號：

p { 
    margin:0px; 
    padding:0px 
}

提前感謝！

來源

2010-03-12 n00b

+10

那麼所有其他的CSS，HTML和服務器端的處理是如此精簡的，你不用擔心瀏覽器的解析CSS到一個分號的能力嗎？ – 2010-03-12 15:03:11

我花了一分鐘的時間來弄清楚我編輯的區別是什麼 – 2010-03-12 15:04:48

以澄清分號。 – Greg 2010-03-12 15:09:36

沒有沒有，瀏覽器不關心尾隨分號，即使在IE6。解析器將它作爲分隔符進行檢查。

如果有什麼問題，由於瀏覽器基本上執行的標記化並不比.split(';')複雜得多，第二種方法可能由於缺少額外的空標記而可能無法以可測量的方式更快。但是......差異將是無限小的，而且你不需要擔心而不是。

來源

2010-03-12 15:01:55

更重要的是，省略最後的分號是一個需要避免的維護問題。 – 2010-03-12 15:06:22

我非常懷疑它。但是，當然，從來沒有人獨立測量過這樣的事情！

來源

2010-03-12 15:02:59 dicroce

不，「;」是分隔者。

我認爲我們不能談論CSS的性能。

來源

2010-03-12 15:03:34 sundowatch

我認爲主要的區別將是增加的CSS文件的大小。但即使你的css文件太大，它只會增加幾個字節。所以簡而言之，我認爲可以不關心它。

來源

2010-03-12 15:06:53

你實際上最好使用CSS minifier。簡而言之，它將刪除所有不必要的空間和膨脹（例如，在適當的地方將#ffffff更改爲#fff，刪除評論等）。其中一些將自動刪除每個塊中的最後一個分號。請注意，這可能會導致問題，如@ t-j-crowder所述，如果您稍後在塊的末尾添加行並忘記添加分號！

此外，請確保您使用外部CSS文件，在可能的情況，並將它們存儲在同一臺服務器/ FQDN上。如果可以的話，將外部CSS文件合併爲一個，這樣可以最大限度地減少瀏覽器的請求數量。

這將加快的下載時間並在優化方面爲您帶來最大的回報。如果瀏覽器緩存文件，後續訪問同一頁面（或使用相同樣式表的不同頁面）將更快。

來源

2012-10-29 20:30:16 BryanH

回答

相關問題