堆疊CSS文件而不是合併它們 - 優缺點？

Question

如果你看看波士頓地球的來源，你會看到一個鏈接將所有的CSS串在一起。

<link href="/css/html5reset.css,globe-globals.css,globe-masthead.css,globe-nav.css,globe-nav-menus.css,globe-saved.css,globe-main.css,globe-footer.css,globe-print.css" rel="stylesheet" media="only all"> 

我第一次看到這個。我的問題

1. 這是一個包括CSS的好方法嗎？
2. 它是否只進行一次HTTP調用？ （點擊時，源代碼顯示爲單個CSS文件）。

Answer 1

，你會看到一個單獨的鏈路串在一起，在一個所有CSS去

號我們看到的是一個URL的單個文件意味着已創建通過連接在一起的一堆文件。

這是一個包括CSS的好方法嗎？

是的。有一個CSS文件意味着有一個HTTP請求來獲取它。

它只是一個HTTP調用嗎？

是的。

Answer 2

在生產環境中，儘可能少地使用http請求是個好習慣。由於瀏覽器通常會限制併發HTTP連接的數量，所以請求數量可能會影響性能，而不是內容本身的大小，因此多個請求可能會在其他人完成之前處於掛起狀態。該示例向指定的url發出單個http請求，並且在服務器端應該有某種處理程序將請求的css文件連接成一個，然後將其作爲響應發回。