javascript - 1 つの CSS ファイルと 1 つの JS ファイルを含む HTML ページにアクセスしたときに、Chrome はいくつの TCP 接続を確立しますか? http リクエストは何回行われますか?

タイトルの通りです。
また、ajax を使用してデータを取得する効果は、Web ページをプリロードする場合と同じですか?つまり、確立された TCP 接続と http リクエストは同じですか?
毎回握手しなければならないとしたら、非常にリソースを消費することになるでしょうか?公開するときにすべての要素を同じページに配置した方がよいのではないでしょうか?

返信内容:

タイトルの通りです。
また、ajax を使用してデータを取得する効果は、Web ページをプリロードする場合と同じですか?つまり、確立された TCP 接続と http リクエストは同じですか?
毎回握手しなければならないとしたら、非常にリソースを消費することになるでしょうか?公開するときにすべての要素を同じページに配置した方がよいのではないでしょうか?

ページ内のすべてのリソース（どのようなリソースでも）を読み込むために http リクエストを送信する必要があります。

質問 1: Ajax とプリロードはリソースを異なる順序で読み込みますが、どちらも同じ数のリソースに対して HTTP リクエストを生成します。前者は最初にページの本文を見てから部分的な情報を表示することができますが、後者は読み込み後に一度に表示されます。応用シナリオも異なります。

質問 2: HTTP リクエスト ヘッダーとレスポンス ヘッダーの両方が Connection:keep-alive に設定されている場合、複数の HTTP リクエストは TCP 接続を共有します。たった今記事を見つけました: HTTP プロトコルヘッダーとキープアライブモードの詳細な説明

質問 3: 質問 2 を参照してください

質問 4: フロントエンドの最適化の方向性には HTTP リクエストの数を減らすことが含まれているため、CSS スプライトやデータ URL などの最適化ソリューションがあります。 ただし、リソースのメンテナンスと更新の複雑さも増加します。