Automatische HTTP-verzoeken van de browser

Stel dat je via een browser naar een bepaalde pagina van een bepaalde website gaat:

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

Stel dat de aanvraag als resultaat de volgende HTML-code retourneert:

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

Het werk van de browser is hier niet klaar, want alleen de HTML-code is geladen, en dat is niet genoeg om de pagina te tonen. Nadat de HTML is geladen, analyseert de browser deze en ziet dat er in de code verwijzingen naar stylesheets, scripts en afbeeldingen staan. Op dit moment stuurt de browser zelf, automatisch, verzoeken naar de server.

Voor elke bron wordt een aparte HTTP-aanvraag gegenereerd. Dat betekent, bijvoorbeeld, dat voor elk gekoppeld CSS-bestand een apart verzoek wordt verzonden.

Hoeveel HTTP-verzoeken zal de browser doen na het laden van de volgende pagina:

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