まあ、2つの主要な考え方があります。
最初は、可能な限りHTTP要求の数を減らしています。これは、ALLのCSSファイルを1つのモンスターまで減らすと言います。複数の50kbファイルよりも400kbを一度ダウンロードする方が良いでしょう。 (JSについても同様)。
もう1つは必要に応じて組み合わせることですが、それ以上は必要ありません。サイトの1つのセクションでのみ必要な100kbのCSSがある場合、残りのサイトをユーザーのために遅らせる理由はありません。これはJSの場合に特に当てはまります。なぜなら、サイトの10%がそれを使用しているため、すべてのページにjQueryを含むサイトがたくさんあるからです。
これは2つの組み合わせです。サイトの約50%以上でコードを使用する場合は、それを「マスター」ファイルに含めます。コードが小さい(5kbまたは10kb未満)場合は、それをマスターファイルに含めます。それ以外の場合は、ファイルを分割して分割します。
この理由のすべてが、ユーザーエクスペリエンスを向上させるためです。あなたは巨大な力を行使することができ、すべてのCSSとJSをそれぞれのページの2つのファイルに読み込みます(必ずキャッシュされます)。しかし、ランディングページがそのコードの50%を必要としない場合は、不必要にページの速度を落として最大の影響を与えます。
私は、この問題の最良の解決策は人間が状況を分析することだと考えている理由です。彼らは重複や抽象を探すことができます。彼らはページ/サイトのニーズを見て、最良のシナリオを決定することができます。あなたのプログラムでこれを行うことが難しい場合を除いて、の結果はになりません。
それはです私の$ 0.02とにかく...
この情報をお寄せいただきありがとうございます。私はページに必要なすべてのjavascriptを組み合わせて、ページ上で使用されているjavascriptだけが読み込まれます。これに対して1つのHTTPリクエストしかありません。ただし、ファイルサイズは98KBです。しかしこれは大きすぎますか? 98KBのすべてのデータが必要であり、最小化されています。あなたの情報に基づいて、20KBと78KBのうち2つ以上のサイズ98KBの1つのHTTPリクエストを持っている方が良いでしょうか? – amateur
@ナイアール:そうです。 1×98kbは合計98kbよりもはるかに優れています。実際には、一般的に98kbは合計で悪くはありません。ブロードバンドユーザーにとっては非常に速く、ダイヤルアップユーザーにとってはかなり高速です(最適なダイヤルアップ接続で約6秒)ので、通常は最初のページの合計ページサイズを200kbにすることをお勧めします。それ以上のものであれば、ダイヤルアップユーザー(ターゲットユーザーに応じて大きなマイナスになることはないかもしれません)を疎遠にし始めるのです... – ircmaxell