一個CSS文件與多個不同頁面

Question

我有一個網站，其中所有頁面具有相同的頁眉和頁腳，但在內容之間有所不同。我估計CSS的30％對所有頁面都是通用的，其中70％是不同的。

對於不同的頁面使用一個CSS文件與多個文件相比，有哪些相對的優點和缺點？

Answer 1

優勢

• 只有一個HTTP請求，需要取水的時候，它提高了大多數用戶的第一頁面加載時間，並加快後續頁面加載，特別是如果用戶有望在訪問期間訪問多個不同的頁面類型。這也可以減少服務器負載。多個CSS文件
  • 降低了帶寬，特別是如果任何給定的用戶是不可能訪問期間，查看許多網站上的不同的頁面類型的（這可能是這種情況

  優勢如果您的網站分爲幾乎完全不相關的子網站）。請注意，多個CSS文件會增加HTTP請求，儘管帶寬節省可能實際上降低現代連接的加載速度。

我通常贊成在大多數情況下爲網站提供一個CSS文件。

Answer 2

多個CSS文件需要多個請求才能從服務器檢索文件 - 這可能會在客戶端呈現頁面之前引入額外的延遲。一個CSS文件將涉及更少的延遲，並可能讓您的網站呈現更快。

隨着客戶端延遲速度的增加，單個CSS文件的好處也在增加 - 所以高延遲調制解調器和手機可能比寬帶連接的計算機受益更多。一個CSS文件的

Answer 3

我同意其他答案，一個文件通常更好，我會在我的經驗中補充說，在縮小和gzip之後（你們兩個都做對吧？）沒有任何CSS服務過的更多比少數幾千字節。 CSS文件在源代碼行數上可以達到物理上的長度，但是當你把它們縮小時它們非常小巧（而且你可能認爲文本沒有那麼多）。

它的那些通過打破它橫跨可以做頁面優化CSS的事情之一，但有這麼多更大的東西，你可以花時間優化，它真的很難有證明的努力。

Answer 4

添加到接受的答案：多個CSS文件

更好的代碼組織

優勢 - 更容易瀏覽他們知道，變化不會影響比你正在使用的一個其他網頁上。