javascript - Wie viele TCP-Verbindungen stellt Chrome her, wenn auf eine HTML-Seite mit einer CSS-Datei und einer JS-Datei zugegriffen wird? Wie viele http-Anfragen werden gestellt?

Wie im Titel gezeigt.
Ist die Auswirkung der Verwendung von Ajax zum Abrufen von Daten außerdem dieselbe wie die des Vorladens der Webseite? Das heißt, sind die hergestellte TCP-Verbindung und die HTTP-Anfrage identisch?
Wäre es sehr ressourcenintensiv, wenn wir uns jedes Mal die Hand schütteln müssten? Wäre es nicht besser, beim Veröffentlichen alle Elemente auf einer Seite zu platzieren?

Antwortinhalt:

Wie im Titel gezeigt.
Ist die Auswirkung der Verwendung von Ajax zum Abrufen von Daten außerdem dieselbe wie die des Vorladens der Webseite? Das heißt, sind die hergestellte TCP-Verbindung und die HTTP-Anfrage identisch?
Wäre es sehr ressourcenintensiv, wenn wir uns jedes Mal die Hand schütteln müssten? Wäre es nicht besser, beim Veröffentlichen alle Elemente auf einer Seite zu platzieren?

Jede Ressource auf der Seite, jede Ressource, muss zum Laden eine HTTP-Anfrage senden.

Problem 1: Ajax und Vorladen laden Ressourcen in unterschiedlicher Reihenfolge, aber beide generieren HTTP-Anfragen für die gleiche Anzahl von Ressourcen. Ersteres ermöglicht es Ihnen, zuerst den Hauptteil der Seite zu sehen und dann Teilinformationen anzuzeigen, während letzteres nach dem Laden auf einmal angezeigt wird. Auch die Anwendungsszenarien sind unterschiedlich.

Problem 2: Wenn sowohl der HTTP-Anforderungsheader als auch der Antwortheader auf „Connection:keep-alive“ eingestellt sind, teilen sich mehrere HTTP-Anfragen eine TCP-Verbindung. Ich habe gerade einen Artikel gefunden: Detaillierte Erklärung der HTTP-Protokoll-Header und des Keep-Alive-Modus

Frage 3: Siehe Frage 2

Frage 4: Die Front-End-Optimierungsrichtung umfasst die Reduzierung der Anzahl von HTTP-Anfragen, daher gibt es Optimierungslösungen wie CSS-Sprites und Daten-URLs. Es erhöht jedoch auch die Komplexität der Ressourcenwartung und -aktualisierung.