[解決済み】CSSをインクルードするのに最適な方法とは？なぜ@importを使うのか？

質問

基本的には @import を使用してスタイルシートを既存のスタイルシートにインポートするのと、単に別のスタイルシートを追加するのとでは ...

<link rel="stylesheet" type="text/css" href="" />

をドキュメントの先頭に追加しますか？

解決方法は？

ページスピードの観点から @import は、スタイルシートが同時にダウンロードされるのを防ぐことができるため、CSSファイルからほとんど使用しないでください。例えば、スタイルシートAにテキストが含まれている場合。

@import url("stylesheetB.css");

の場合、最初のスタイルシートがダウンロードされるまで、2番目のスタイルシートのダウンロードが始まらないことがある。他方，両方のスタイルシートが <link> 要素を使用すると、両方を同時にダウンロードすることができます。両方のスタイルシートが常に一緒にロードされる場合、単純に1つのファイルにまとめることも有用である。

時々 @import が適切ですが、一般的には例外であり、ルールではありません。