คำขอ HTTP อัตโนมัติของเบราว์เซอร์

สมมติว่าคุณใช้เบราว์เซอร์เข้าถึง หน้าเว็บบางหน้าของเว็บไซต์บางแห่ง:

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

สมมติว่าผลลัพธ์ของคำขอส่งคืน โค้ด 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>

งานของเบราว์เซอร์ไม่ได้สิ้นสุดเพียงแค่นั้น เพราะขณะนี้โหลดเฉพาะโค้ด HTML เท่านั้น และนั่นยังไม่เพียงพอสำหรับการแสดงหน้าเว็บ หลังจากโหลด HTML แล้ว เบราว์เซอร์จะวิเคราะห์ และเห็นว่าในโค้ดมีการเชื่อมต่อสไตล์ชีต สคริปต์ รูปภาพ ในเวลานี้ เบราว์เซอร์จะส่งคำขอไปยังเซิร์ฟเวอร์เองโดยอัตโนมัติ

ในขณะเดียวกัน สำหรับแต่ละทรัพยากร จะมีการสร้าง คำขอ HTTP แยกต่างหาก นั่นคือ ตัวอย่างเช่น สำหรับไฟล์ CSS ที่เชื่อมต่อแต่ละไฟล์ จะส่งคำขอแยกต่างหาก

เบราว์เซอร์จะทำคำขอ HTTP กี่ครั้ง หลังจากโหลดหน้าต่อไปนี้:

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