Automatische HTTP-Anfragen des Browsers

Angenommen, Sie greifen mit Ihrem Browser auf eine bestimmte Seite einer bestimmten Website zu:

GET /test.html HTTP/1.1
Host: example.com

Nehmen wir an, die Anfrage liefert als Ergebnis den folgenden HTML-Code zurück:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="styles.css">
		<script src="scripts.js"></script>
	</head>
	<body>
		<img src="images/img.png">
	</body>
</html>

An dieser Punkt ist die Arbeit des Browsers jedoch noch nicht beendet, denn bisher wurde nur der HTML-Code geladen, und das reicht nicht aus, um die Seite anzuzeigen. Nach dem Laden des HTML analysiert der Browser ihn und erkennt, dass im Code Verweise auf Stylesheets, Skripte und Bilder vorhanden sind. In diesem Moment sendet der Browser selbstständig, automatisch, Anfragen an den Server.

Dabei wird für jede Ressource eine eigene HTTP-Anfrage erstellt. Das bedeutet, zum Beispiel, dass für jede verknüpfte CSS-Datei eine separate Anfrage gesendet wird.

Wie viele HTTP-Anfragen wird der Browser nach dem Laden der folgenden Seite stellen:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="main.css">
		<link rel="stylesheet" href="styles.css">
		<script src="scripts.js"></script>
	</head>
	<body>
		<img src="images/img1.png">
		<img src="images/img2.png">
		<img src="images/img3.png">
	</body>
</html>