Automatikus HTTP kérések a böngészőben

Tegyük fel, hogy egy böngészővel felkeres egy adott weboldal egy adott lapját:

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

Tegyük fel, hogy a kérés eredményeként a következő HTML kódot kapja vissza:

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

A böngésző munkája ezzel nem ér véget, hiszen eddig csak a HTML kód töltődött le, és ez kevés az oldal megjelenítéséhez. A HTML betöltése után a böngésző elemzi annak tartalmát, és látja, hogy a kódban stíluslapok, szkriptek, képek hivatkozásai vannak. Ekkor a böngésző magától, automatikusan kéréseket küld a szervernek.

Minden egyes erőforráshoz külön HTTP kérés készül. Azaz például minden egyes CSS fájlhoz külön kérés lesz elküldve.

Hány HTTP kérést fog végezni a böngésző a következő oldal betöltése után:

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