Requêtes HTTP automatiques du navigateur
Supposons que vous accédiez à une page d'un site à l'aide de votre navigateur :
GET /test.html HTTP/1.1
Host: example.com
Supposons que le résultat de la requête retourne le code HTML suivant :
<!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>
Le travail du navigateur ne s'arrête pas là, car seul le code HTML a été chargé, ce qui est insuffisant pour afficher la page. Après le chargement du HTML, le navigateur l'analyse et voit que le code contient des liens vers des feuilles de style, des scripts, des images. À ce moment, le navigateur lui-même, automatiquement, envoie des requêtes au serveur.
De plus, une requête HTTP distincte est formée pour chaque ressource. Autrement dit, par exemple, un requête distincte sera envoyée pour chaque fichier CSS lié.
Combien de requêtes HTTP le navigateur effectuera-t-il après le chargement de la page suivante :
<!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>