Automatiska HTTP-förfrågningar i webbläsaren

Låt oss säga att du med hjälp av en webbläsare går in på en viss sida på en viss webbplats:

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

Låt oss säga att förfrågan returnerar följande HTML-kod som resultat:

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

Webbläsarens arbete slutar inte här, för endast HTML-koden har laddats ner, och det är inte tillräckligt för att visa sidan. Efter att HTML:en har laddats analyserar webbläsaren den och ser att koden innehåller länkar till stilar, skript och bilder. I detta ögonblick skickar webbläsaren själv, automatiskt, förfrågningar till servern.

Dessutom skapas en separat HTTP-förfrågan för varje resurs. Det betyder till exempel att för varje ansluten CSS-fil kommer en separat förfrågan att skickas.

Hur många HTTP-förfrågningar kommer webbläsaren att göra efter att ha laddat följande sida:

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