0

HTTP リクエストが少ないほど良いですよね？

Google のベスト プラクティスの説明についても、未使用の CSS ルールが少ないほどよい.

  • ブラウザーの CSS エンジンは、ファイルに含まれるすべてのルールを評価して、そのルールが現在のページに適用されるかどうかを確認する必要があります。
  • スタイルシートがキャッシュされた外部ファイルにある場合でも、ブラウザがスタイルシートをディスクからロードするまでレンダリングはブロックされます。

あなたの意見では、パフォーマンスが向上しているものは次のとおりです。

  • ページごとに 1 つの css ファイル。
  • 1 つの一般的な CSS がキャッシュされます (未使用の CSS が +70% ある場合でも、他の HTTP リクエストは回避されます)。

Google スピードのベスト プラクティス

4

2 に答える 2

1

Google のベスト プラクティス ドキュメントから注目すべき重要な文の 1 つは、「多くの Web サイトでは、定義されているルールの多くが現在のページに適用されない場合でも、すべてのページで同じ外部 CSS ファイルを再利用することがよくあります」です。 .

css ファイルに、この冗長コードが適用されるページにユーザーがアクセスしない場合に決して使用されない追加コードが含まれている場合、適切なトレードオフではない可能性がある帯域幅を確かに浪費しているため、これを考慮する必要があります。追加の HTTP 要求の場合。

これにより、ファイルをロードするための追加の時間と、冗長なコードの評価に費やされる時間が発生します。

確かに、1 つのページに複数のファイル (異なるヘッダー/フッター css ファイルなど) を使用することは、悪い習慣です。

ご存知のように、どんな問題にも完璧な解決策はありません。ニーズに合った最適なものを選択する必要があります。

したがって、複数のファイルを使用するか単一のファイルを使用するかの決定は、Web サイトの全体的な構造とその他のトレードオフのみに基づいていると言えます。

于 2013-07-25T09:34:28.787 に答える