Browsers, DNS en HTTP: de levenscyclus van een request

Elke keer dat je een website bezoekt, start je browser een nauwkeurige reeks stappen. Als je deze reeks begrijpt, word je een betere ontwikkelaar: je weet waar het mis kan gaan en hoe je de stappen kunt versnellen.

DNS (Domain Name System) is het telefoonboek van internet. Je browser vraagt een DNS-resolver: "Welk IP-adres hoort bij example.com?". De resolver controleert caches en raadpleegt zo nodig gezaghebbende naamservers.

Zodra het IP-adres bekend is, opent de browser een TCP-verbinding via de drieweg-handshake: SYN → SYN-ACK → ACK. Bij HTTPS volgt daarna een TLS-handshake waarbij de versleuteling wordt afgesproken.

De browser verstuurt een HTTP-verzoek via de TCP-verbinding. Het verzoek bevat een methode (GET, POST…), het pad (/index.html), de HTTP-versie en headers zoals Host en Accept.

De server verwerkt het verzoek en stuurt een antwoord terug: een statuscode (200 OK, 404 Not Found…), antwoordheaders (Content-Type, Cache-Control) en de inhoud (HTML, JSON, afbeeldingsbytes).

HTTP/1.1 verstuurt één verzoek per verbinding. HTTP/2 multiplexeert veel verzoeken over één verbinding. HTTP/3 gebruikt QUIC (op UDP gebaseerd) voor een lagere latentie, vooral op mobiele netwerken met pakketverlies.

2xx = succes (200 OK, 201 Created). 3xx = omleiding (301 Moved Permanently, 304 Not Modified). 4xx = clientfout (400, 401, 403, 404). 5xx = serverfout (500, 502, 503).

HTTPS verpakt HTTP in TLS (Transport Layer Security). TLS biedt: versleuteling zodat verkeer niet kan worden gelezen, authenticatie via certificaten (je communiceert echt met example.com) en integriteit zodat er niet met gegevens is geknoeid.

Antwoorden kunnen Cache-Control: max-age=86400 bevatten, zodat de browser de gecachete kopie een dag lang opnieuw gebruikt. Met de headers ETag en Last-Modified kan de browser controleren of de gecachete versie nog actueel is.

Servers stellen cookies in met de header Set-Cookie. De browser stuurt ze automatisch mee met elk verzoek aan hetzelfde domein. Sessies bestaan meestal uit een cookie met een sessie-ID die de server koppelt aan gebruikersgegevens.

Een CDN bewaart kopieën van je bestanden in datacenters over de hele wereld. Gebruikers downloaden bestanden vanaf het dichtstbijzijnde knooppunt, waardoor de latentie afneemt. Cloudflare, Fastly en AWS CloudFront zijn populaire CDN's die door de meeste grote websites worden gebruikt.

URL ingevoerd → DNS vertaalt domein naar IP → TCP- (+ TLS-)verbinding tot stand gebracht → browser verstuurt HTTP-verzoek → server antwoordt met status + headers + inhoud → browser geeft het antwoord weer. Elke stap is zichtbaar in het netwerkpaneel van DevTools.