css最佳實踐 - 將所有css合併到一個樣式表中？

你應該把所有的CSS（文件）到一個單一的樣式表

問題 -

1）它是好的做法呢？如果是的話，那爲什麼？

2012-02-13 ta-run

類似：[服務大型CSS文件]（http://stackoverflow.com/questions/7681111/serving-a-large-css-file/7681153#7681153）。 – Marty 2012-02-13 06:21:35

僅僅因爲它對服務器的請求較少。每個對外部圖像，樣式表，腳本等的請求都有一些與之相關的固定開銷。 – 2012-02-13 06:27:53

您應該將所有CSS合併到一個文件中，以減少對服務器發出的請求數量。

一個類似的主題是sprite sheets，多個圖像組合成一個大圖像，以減少對服務器的請求量。

您會發現加載100x 5kb文件比加載單個500kb文件要慢很多。

當您準備好將文件上傳到實時環境時，還應該考慮壓縮CSS和JavaScript文件。有大量的在線工具，例如：

2012-02-13 06:24:33 Marty

現在，CSS壓縮器鏈接轉到停放域。 – Neberu 2016-08-24 17:06:56

這是很好的做法嗎？如果是的話，那爲什麼？

因爲與一個CSS文件，瀏覽器發送一個http請求，具有多個CSS文件的瀏覽器發送多個HTTP請求導致對用戶響應變慢。

這也是雅虎著名提到：

退房：

BTW，同爲變爲真正的Javascript（將所有在一個）和IM年齡（使用CSS精靈和單個圖像）

有趣：

有兩個工具，它可以告訴你如何加快網頁的速度：

2012-02-13 06:19:09 Sarfraz

你應該將所有的JavaScript包含在單個文件中，並將你的css包裝在另一個文件中。將所有代碼放在單個文件中的好處是服務器上的http請求較少，因此服務器可以爲更多用戶提供服務。

在開發時，它很好地將事情分開進行管理，但對於部署，您可以使用自動縮小和捆綁JS和css文件的工具。

2012-02-13 06:20:23 wasimbhalli

由於加載時間是一個問題，並且您的網站請求的css文件越多，它運行得越慢。

2012-02-13 06:21:41

回答