Solicitudes HTTP automáticas del navegador
Supongamos que accedes a una página de un sitio web mediante el navegador:
GET /test.html HTTP/1.1
Host: example.com
Supongamos que la solicitud devuelve como resultado el siguiente código 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>
El trabajo del navegador no termina aquí, ya que solo se ha cargado el código HTML, y eso no es suficiente para mostrar la página. Después de cargar el HTML, el navegador analiza su contenido y ve que en el código hay enlaces a hojas de estilo, scripts, imágenes. En este momento, el navegador mismo, automáticamente, envía solicitudes al servidor.
Además, para cada recurso se forma una solicitud HTTP separada. Es decir, por ejemplo, para cada archivo CSS vinculado se enviará una solicitud separada.
¿Cuántas solicitudes HTTP hará el navegador después de cargar la siguiente página:
<!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>