javascript - クライアント側のキャッシングJavascript/CSSファイル

Question

JavascriptとCSSファイルを組み合わせる必要があるのはなぜだろうか。それは最初のページの読み込みでの利点にすぎないからだ。続くすべてのリクエストで、JS/CSSはクライアントのブラウザキャッシュから読み込まれます。それならパフォーマンスに違いはないはずですか、それとも私は完全に間違っていますか？

Answer 1

いくつかの理由があります：

1. ブラウザには通常、特定のサイトに対して同時に行うことができるHTTPリクエストの数に制限があり（礼儀正しさから、真の技術的限界よりも多く）、scriptC.jsとZ.cssが必ずしも保持する必要はありません。 scriptA.jsとA.cssをアップします。
2. 個々のHTTPリクエストには、「条件付きGET」の場合でも、レイテンシと帯域幅にオーバーヘッドがあり、「304-変更されていない」応答が発生します。
3. キャッシュは時々無効になります。HTTPでは、有効期限の正確な時間は通常、サーバーによってHTTP応答のヘッダーで設定されます。問題は、サーバーは更新が公開されるまでの正確な期間を確実に知ることができないため、常に賭けをヘッジし、「十分に短い」有効期限を与えていることです。（HTMLファイルに含まれるリソースに一意の生成された名前を使用することは、この箇条書きを回避する1つの方法です...囲んでいるHTMLページのみをチェックする必要があります。

2つのスクリプトを使用する小さな理由があります。

1. 大きなスクリプトがロードされている間に、できるだけ早く実行を開始するスクリプトを1つ持つことができます。

しかし、ええ、それはすべてエンドユーザーが知覚する速度に関するものです...特に最初のページの読み込みで、あなたが彼らの注意を引き付けようとしているとき。