Automatikus HTTP kérések a böngészőben

Tegyük fel, hogy egy böngészővel felkeres egy adott weboldal egy adott lapját:

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

Tegyük fel, hogy a kérés eredményeként a következő HTML kódot kapja vissza:

/test.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>

A böngésző munkája ezzel nem ér véget, hiszen eddig csak a HTML kód töltődött le, és ez kevés az oldal megjelenítéséhez. A HTML betöltése után a böngésző elemzi annak tartalmát, és látja, hogy a kódban stíluslapok, szkriptek, képek hivatkozásai vannak. Ekkor a böngésző magától, automatikusan kéréseket küld a szervernek.

Minden egyes erőforráshoz külön HTTP kérés készül. Azaz például minden egyes CSS fájlhoz külön kérés lesz elküldve.

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