將多頁CSS合並到一個文件中

Question

如果我將整個網站的所有CSS合並到一個文件中怎么辦？ 是由瀏覽器緩存還是在每次打開新頁面時重新加載。 單個css文件包含不同頁面的不同值。 我應該將CSS划分為不同的頁面還是將其保存在單個文件中？

Answer 1

是的，這些文件可能合並起來更好，但是只有在設置了正確的頭之后才將其緩存。 我建議下載YSlow（或Page Speed），它是Firebug的插件，可以分析您的頁面並顯示其速度如何，並提供有關如何改進頁面的建議。

http://developer.yahoo.com/yslow/

另外，請查看css縮小工具，例如YUI工具包中的工具，以壓縮css代碼以及組合文件。

http://developer.yahoo.com/yui/compressor/

Answer 2

將CSS文件合並為一個文件將為您帶來更好的性能。 您可以在FireFox的FireBug（ https://addons.mozilla.org/en-US/firefox/addon/1843 ）中進行比較。

如果使用asp.net看看ScriptReferenceProfiler，它會顯示下載資源的列表，可以將這些資源組合起來以提高性能：請參閱博客： http : //blogs.msdn.com/mikeormond/archive/2008/06/ 26 / ASP凈Ajax的scriptreferenceprofiler.aspx

Answer 3

一般來說，將CSS合並到一個文件中對於生產服務器來說是一個好習慣。 單個文件減少了所需的http請求數量，並且在兩種情況下（單個或多個文件）都將使用緩存。

對於首次訪問者而言，減少http請求的好處是最大的。

另外，由於文件將被緩存，因此減少了后續頁面上所需的請求數。 （如果當前頁面上未使用的部分對您來說很浪費，可以考慮將其預加載為css）

Answer 4

大多數理智的瀏覽器都會緩存CSS文件，因此將它們壓縮為單個文件可以對請求時間有所幫助。 但是，可維護性也是一個問題-如果將CSS代碼全部保存在一個文件中時，如果您難以維護它，則可能仍要堅持使用單獨的文件。

最終，取決於您的感覺如何。

Answer 5

最好有一個文件。 另請參閱文件大小，這可能會影響頁面加載時間。 所有瀏覽器都捕獲css文件。 下次將不會加載新的。

請為此使用yahoo信息 。