Các yêu cầu HTTP tự động của trình duyệt

Giả sử bạn sử dụng trình duyệt để truy cập một trang web nhất định nào đó:

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

Giả sử kết quả mà yêu cầu trả về là mã HTML sau:

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

Công việc của trình duyệt không kết thúc ở đó, vì hiện tại chỉ mã HTML được tải xuống, mà điều này là chưa đủ để hiển thị trang. Sau khi tải HTML, trình duyệt phân tích nó và nhận thấy trong mã có các liên kết đến stylesheet, script, hình ảnh. Ngay lúc này, trình duyệt tự động, tự nó gửi các yêu cầu đến máy chủ.

Đồng thời, một yêu cầu HTTP riêng biệt được tạo cho mỗi tài nguyên. Nghĩa là, ví dụ, cho mỗi file CSS được liên kết sẽ có một yêu cầu riêng được gửi đi.

Trình duyệt sẽ thực hiện bao nhiêu yêu cầu HTTP sau khi tải trang sau:

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