Автоматические 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>