複数ページのCSSを1つのファイルにまとめる

Question

完全なサイトのすべてのCSSを1つのファイルにまとめるとどうなりますか？ ブラウザによってキャッシュされるか、新しいページが開かれるたびにリロードされます。 単一のCSSファイルには、異なるページに異なる値が含まれています。 私は別のページのCSSを分割するか、それを1つのファイルに保存する必要がありますか？

Answer 1

一般に、CSSを1つのファイルに結合することは、運用サーバーにとっては良い方法です。単一のファイルは必要なHTTP要求の数を減らし、両方の場合（単一または複数のファイル）キャッシュが使用されます。

最初の訪問者にとっては、より少ないHTTP要求の利点が最大です。

また、ファイルがキャッシュされるため、後続のページで必要な要求数を減らすことができます。 （現在のページで使用されていない部分が無駄だと思われる場合は、CSSをあらかじめ読み込んでおいてください）

Answer 2

ほとんどの正常なブラウザはCSSファイルをキャッシュするので、1つのファイルに圧縮すると少しでも役立ちます時間を要求する。ただし、保守性も問題です.CSRコードをすべて1つのファイルに保存しておくのが難しい場合は、別のファイルを貼り付けることができます。

最終的には、どのような気分であれ、それはあなた次第です。

Answer 3

1つのファイルがあるとよいです。ページの読み込み時間に影響する可能性のあるファイルサイズも確認してください。すべてのブラウザがcssファイルをキャッチします。次回は新しいものをロードしません。

これにはyahoo infoを使用してください。

Answer 4

CSSファイルを1つにまとめると、パフォーマンスが向上します。これをFireFoxのFireBug（https://addons.mozilla.org/en-US/firefox/addon/1843）で比較できます。

あなたはasp.netを使用している場合ScriptReferenceProfilerを見て、それがこれらのパフォーマンスを向上させるために組み合わせることができ、ダウンロードされたリソースのリストを示しています見るブログ：http://blogs.msdn.com/mikeormond/archive/2008/06/26/asp-net-ajax-scriptreferenceprofiler.aspx

Answer 5

はいファイルは、おそらく組み合わせの優れているが、正しいヘッダーが設定されている場合にのみキャッシュされます。私はあなたのページを分析し、それがどのように遅いかを示し、それを改善する方法について助言を与える火かき棒のためのプラグインであるYSlow（またはPage Speed）をダウンロードすることを提案する。

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

また、ファイルを結合するだけでなく、CSSコードを圧縮するYUIツールキットのもののようなCSSの縮小ツールを見てください。

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