Automatyczne żądania HTTP przeglądarki

Załóżmy, że za pomocą przeglądarki wchodzisz na jakąś stronę jakiejś witryny:

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

Załóżmy, że wynik żądania zwraca następujący kod 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>

Na tym praca przeglądarki się nie kończy, bo na razie został załadowany tylko kod HTML, a to za mało, aby wyświetlić stronę. Po załadowaniu HTML przeglądarka analizuje go i widzi, że w kodzie znajdują się odwołania do arkuszy stylów, skryptów, obrazków. W tym momencie przeglądarka sama, automatycznie wysyła żądania na serwer.

Przy tym dla każdego zasobu jest formowane oddzielne żądanie HTTP. To znaczy, na przykład, dla każdego podłączonego pliku CSS zostanie wysłane oddzielne żądanie.

Ile żądań HTTP wykona przeglądarka po załadowaniu następującej strony:

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