Richieste HTTP Automatiche del Browser

Supponiamo che tu stia accedendo ad una certa pagina di un certo sito utilizzando un browser:

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

Supponiamo che il risultato della richiesta restituisca il seguente codice HTML:

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

Il lavoro del browser non finisce qui, poiché finora è stato caricato solo il codice HTML, e questo non è sufficiente per visualizzare la pagina. Dopo aver caricato l'HTML, il browser lo analizza e vede che nel codice sono presenti fogli di stile, script, immagini collegati. In questo momento, il browser stesso, automaticamente, invia le richieste al server.

Inoltre, per ogni risorsa viene formata una richiesta HTTP separata. Cioè, ad esempio, per ogni file CSS collegato verrà inviata una richiesta separata.

Quante richieste HTTP farà il browser dopo il caricaggio della seguente 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>