CSS を組み込む最適な方法は? @import を使用する理由は何ですか? 質問する

ページ速度の観点から、@importCSS ファイルからの使用はほとんど推奨されません。これは、スタイルシートが同時にダウンロードされないようにするためです。たとえば、スタイルシート A に次のテキストが含まれている場合:

@import url("stylesheetB.css");

最初のスタイルシートがダウンロードされるまで、2 番目のスタイルシートのダウンロードは開始されない可能性があります。一方、両方のスタイルシートが<link>メイン HTML ページの要素で参照されている場合は、両方を同時にダウンロードできます。両方のスタイルシートが常に一緒に読み込まれる場合は、それらを 1 つのファイルに結合するだけでも便利です。

適切な状況も時々あります@importが、一般的には例外であり、規則ではありません。