多くのcssファイルと1つのcssファイルについてすでに多くの質問があり、httpリクエストが少ないため、解決策は1つを使用することです. それは私が求めているものではありません:P
通常、2 つの css ファイルを使用します。1 つはサイト全体用で、もう 1 つは特定のページの上書き用です。
その背後にある私の考えは、ページ上のすべての要素に対して評価する必要がある css セレクターがそれほど多くないため、css を高速化するということです。
キャッシュ可能な css ファイルをもう 1 つダウンロードするようにクライアントに要求することは、ブラウザーのレンダリングを高速化する価値があるように思われます。特に大規模なサイトや、各ページに大量のカスタム CSS が必要なサイトの場合.
一方、ページ ファイルには追加のメディア クエリがあります。
最善の解決策は何だと思いますか?
技術的に正しい答えには、サーバーのパフォーマンス、訪問者の行動、および設計しているサイトの種類に関する内部情報が必要ですが、1 つまたは複数の CSS ドキュメントを使用するかどうかについて、私の基本的な理由を説明したいと思います。
小規模で基本的なサイトの場合、私は 1 つの CSS ドキュメントに固執します。質問はありません。ただし、サイトがより複雑になると、より多くのドキュメントを使用することが合理的なシナリオになる場合があります。
サイトに非常に異なる CSS やマークアップ、またはキャンペーンのランディング ページなどの 1 回限りのタイプのページ、またはフォーラムやブログなどのいくつかの非常に異なるタイプのコンテンツを含む複数のページがある場合は、スタイルシートを多くのドキュメントに分割することは理にかなっています。
上記のスタイルシートの構造は、設計しているサイトのタイプによって異なります。CSS の正規化/リセット、一般的な構造、メディア クエリなどのグローバル ルールを 1 つのドキュメントに配置し、ページ固有のルールを別のドキュメントに保持することができます。
訪問者は、ブログやキャンペーン ページに必要なすべての CSS を実際に訪問するまでダウンロードすることなく、とにかくすべてのページで使用する必要がある基本構造をキャッシュできるため、これは私には理にかなっています。
異なるタイプのページを持つ大きなサイトを持っている場合は、css を異なるファイルに分割する必要があることに同意します。しかし、これはページ単位で作るべきではないと思います。コンポーネント上で作成する必要があります。CSS を設計するときは、ページをモジュールに分割する必要があります。モジュールには、そのスタイルとそのメディア クエリが含まれている必要があります。メディア クエリを別のファイルに配置すると、開発が遅くなることがわかりました。CSS コンストラクターのようなものになることさえあるかもしれません。つまり、特定のモジュールを選択し、それらをファイルに結合して、そのようにサーバーにするツールです。ファイルはまだ 1 つしかありませんが、その内容は異なります。
CSS の最適化については、このツールをチェックしてくださいhttp://bem.info/tools/csso/