Selaimen automaattiset HTTP-pyynnöt

Oletetaan, että käytät selainta päästäksesi tietyn sivuston tietylle sivulle:

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

Oletetaan, että pyyntö palauttaa seuraavan HTML-koodin tuloksenaan:

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

Selaimen työ ei pääty tähän, sillä vain HTML-koodi on ladattu, eikä se riitä sivun näyttämiseen. HTML:n lataamisen jälkeen selain analysoi sitä ja huomaa, että koodissa on tyylien, komentosarjojen ja kuvien linkityksiä. Tällöin selain lähettää automaattisesti, itsenäisesti, pyyntöjä palvelimelle.

Samalla jokaiselle resurssille muodostetaan erillinen HTTP-pyyntö. Eli esimerkiksi jokaiselle linkitetylle CSS-tiedostolle lähetetään erillinen pyyntö.

Kuinka monta HTTP-pyyntöä selain tekee seuraavan sivun lataamisen jälkeen:

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