css外部ファイルの使い方

Question

HTMLファイルでページを作り込んでいくとcssソースが増えますが、
例えばこの時に同じ量だったら、1つのcss外部ファイルへ書き込んでおいた方が良いのか、または複数のcss外部ファイルへはき出してそれらをhtmlでリンクして読み込んだ方が良いのか、どちらがページの読み込み速度は速いのでしょうか？

ご教授下さい。

Answer 1

1つのcss外部ファイルのほうが何回もサーバーに問い合わせなくていいので複数より1つのほうが早いです

Comments

[chokojori]

そうです。HTTPリクエストの数が多いことはオーバーヘッドになります。

[YuichiKataoka]

ありがとうございます。そうなんですね( ^ ^ )
勉強になりました。

Answer 2

たとえば、index.html と sub.htmlがあって、両方で使うstylesheetと各々でしか使わないstylesheet
があるようなら、
common.css , index.css , sub.css と分けて、index.htmlにcommon.cssとindex.cssを、
sub.htmlにcommon.cssとsub.cssを含めるといった分け方が良いと思います。

Comments

[YuichiKataoka]

こちらでも回答ありがとうございます。1つの共有で使うstylesheetを作って、個別のstylesheetは必要に応じて作ってそれぞれ使うhtmlファイルで読み込む感じですよね。
作り込むとstylesheetソースがどんどん増えてしまいそうなので、それを例えば1つのスタイルシートで1つのスタイルだけ、など分けて読み込んだ方が良いのかとか考えてしまいました。

でも、1つのhtmlファイルで読み込むcssファイルはなるべく少なくなるよう構築していきたいと思います。