Automatiske HTTP-anmodninger fra browseren

Antag, at du ved hjælp af en browser går ind på en bestemt side på et bestemt websted:

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

Antag, at anmodningen returnerer følgende HTML-kode som resultat:

<!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>

Browserens arbejde slutter ikke her, da kun HTML-koden er indlæst, og det er ikke nok til at vise siden. Efter indlæsning af HTML analyserer browseren den og ser, at koden indeholder henvisninger til stylesheets, scripts, billeder. På dette tidspunkt sender browseren selv, automatisk, anmodninger til serveren.

Samtidig dannes der en separat HTTP-anmodning for hver ressource. Det vil sige, for eksempel, at der for hver tilknyttet CSS-fil vil blive sendt en separat anmodning.

Hvor mange HTTP-anmodninger vil browseren foretage efter indlæsning af følgende side:

<!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>