0

1 つまたは 30 個の css ファイルがあるという事実は、私の Web サイトに何らかの影響を与えますか? 印刷用の特別なファイルが必要なのはわかっていますが、今は残りの CSS を 1 つのファイルに含めることができますが、30 個のファイルに分割しています。

4

4 に答える 4

2

はい、ダウンロードする個別のファイルが多数あると、パフォーマンスに影響があります。それらを組み合わせることで、サイトのパフォーマンスが向上します。

ページによって行われる HTTP リクエストの数は、ページの読み込み時間の重要な要素です。これには次の理由があります。

  • ブラウザは、ページを正しくレンダリングする前に、またページの読み込み時に実行するように設定された Javascript を呼び出す前に、すべてのリクエストが終了するのを待つ必要があります。

  • ブラウザには、同時に作成できる HTTP リクエストの数に制限があります。一部のブラウザーでは、この制限は非常に低くなります (古い IE バージョンでは 2 まで)。

  • サーバーは同時リクエストの数も制限します。

個別のファイルが多数ある場合、これらの問題はすべてサイトの速度を低下させます。

別々のファイルを持つことには正当な理由があります -- たとえば、キャッシュのため、一部のファイルが他のファイルよりも頻繁に変更される場合、変更されない他のファイルとそれらをマージしたくない場合がありますが、ほとんどの場合、最善を尽くす必要があります。ページが行う必要がある HTTP リクエストの数を減らします。

それらすべてを 1 つのファイルにマージする必要はありませんが、可能な限り数を減らすことを検討する必要があります。

さらに、IE8 以前では、許容される CSS ファイルの数に非常に厳しい制限があり、31 個の CSS ファイルしか許容されません。その制限を超える CSS ファイルは無視されます。あなたはまだその限界に達していないかもしれませんが、危険なほど限界に近づいているように思えます。それを知らないと、非常に激しく噛まれる可能性があります. この問題は、CSS ファイルをマージするだけでも解決されます。

于 2013-06-05T09:48:10.713 に答える
0

はい、確かにそうです。特に、1 つのページの読み込みですべてを読み込んでいる場合はそうです。1 ではなく 30 の http リクエストで大きな違いが生まれます。

CSS プリプロセッサー

css ファイルを分離することで可読性などの利点が得られると思われる場合は、LessやSassなどの css プリプロセッサの使用を検討する価値があります。これにより、個別のファイルを 1 つのスタイル シートに構築できるようになります。

于 2013-06-05T09:44:15.680 に答える
0

はい、そうです。HTTP リクエストが少ないほど、読み込みプロセスが速くなります。

YSlowで読み込み速度を分析できます

于 2013-06-05T09:22:22.370 に答える
0

はい、サイトの速度に影響します。

ブラウザーは一度に限られた数のリソースをダウンロードできます (= 並列 - ブラウザーによって異なりますが、1 つのドメインから約 4 つのソースです)。そのため、個別のソースが多すぎると「ブロック」され、大量の HTTP が発生します。リクエスト。ブラウザーはこれらの要求が完了するまで待機する必要があり、その間はドキュメントの作成を続行できません。

できるだけ少ないファイルを使用し、それらを縮小し、場合によっては圧縮 (gzip) するようにしてください。

于 2013-06-05T09:23:03.800 に答える