Selaimen automaattiset HTTP-pyynnöt

Oletetaan, että käytät selainta päästäksesi tietyn sivuston tietylle sivulle:

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

Oletetaan, että pyyntö palauttaa seuraavan HTML-koodin tuloksenaan:

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

Selaimen työ ei pääty tähän, sillä vain HTML-koodi on ladattu, eikä se riitä sivun näyttämiseen. HTML:n lataamisen jälkeen selain analysoi sitä ja huomaa, että koodissa on tyylien, komentosarjojen ja kuvien linkityksiä. Tällöin selain lähettää automaattisesti, itsenäisesti, pyyntöjä palvelimelle.

Samalla jokaiselle resurssille muodostetaan erillinen HTTP-pyyntö. Eli esimerkiksi jokaiselle linkitetylle CSS-tiedostolle lähetetään erillinen pyyntö.

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>