多個CSS文件和性能

Question

將所有CSS組合成單個文件是明智的嗎？會有任何性能提升。我不得不假設一個HTTP請求是爲了在初始頁面加載時獲取每個文件，並且減少這些請求似乎是有意義的。

是否有任何理由而不是所有的CSS結合成一個文件？（如維護或其他性能問題）

Answer 1

合併所有的css文件到一個絕對會提高性能。性能是否顯着取決於您的負載，請求數量等。對於普通的博客，這將會接近零影響。

閱讀Best practices for speeding up your web site在Yahoo!開發人員。它會解釋比我更好的事情。

正如你所說，不合並css文件的原因是可維護性。但是，有很多工具可以自動合併和縮小你的css文件。

你應該檢查出YUI Compressor，這將幫助你合併和縮小你的css文件。

Answer 2

將所有CSS合併到單個文件中是明智的嗎？會有任何性能提升。我不得不假設一個HTTP請求是爲了在初始頁面加載時獲取每個文件，並且減少這些請求似乎是有意義的。

是的，是的，是的。

是否有任何理由不把所有的css合併成一個文件？

沒有

（如可維護性

在編譯的時候，而不是在開發時結合他們一個也不會有可維護性問題。

Answer 3

如果不是全部頁面需要所有的css，然後將其分割成多個文件可能會更快。

如果CSS文件變得非常龐大，當不同的團隊需要協調他們的工作時，可維護性就成了問題。

Answer 4

將所有CSS 合併成一個文件是明智的嗎？會不會有任何性能提升。我必須假設 ，一個HTTP請求是在初始頁面加載時獲得每個文件的 ，並且 減少那些請求似乎是 是有意義的。

是的，但是在構建或運行時進行組合，並且不要試圖維護單個文件，如果你開始使用多個文件。

除了HTTP請求的數量之外，在響應中設置正確的過期標題也很重要。

是否有任何理由不結合 所有CSS成一個單一的文件？（如 可維護性或其他性能 問題）

這是沒有必要維持一個單一的文件，但好爲單個文件提供服務，因爲CSS數據無論如何都是合併的。

YUI Compressor是JavaScript和CSS縮小的好工具。

Answer 5

有可能是另一個原因，以不合並文件：

如果組合樣式表文件過於龐大，Internet Explorer 9中會忽略一些的款式..

參見：IE 9 ignoring CSS rules