Nettlesere, DNS og HTTP: forespørselens livssyklus
Følg en URL fra adressefeltet gjennom DNS-oppløsning, TCP-tilkobling og HTTP-forespørsel, til serversvaret går tilbake til nettleseren.
Nettlesere, DNS og HTTP: forespørselens livssyklus er en gratis leksjon i Frontend Academy på CoddyKit. Dette er leksjon 1 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Frontend Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Frontend Academy inneholder totalt 4 leksjoner.
Hva skjer når De skriver inn en URL?
Hver gang De besøker et nettsted, starter nettleseren en nøyaktig sekvens av trinn. Når De forstår denne sekvensen, blir De en bedre utvikler – De vet hvor feil kan oppstå, og hvordan De kan gjøre prosessen raskere.
Trinn 1 — DNS-oppslag
DNS (Domain Name System) er internettets telefonkatalog. Nettleseren spør en DNS-resolver: "Hvilken IP-adresse ligger bak example.com?". Resolveren sjekker buffere og spør ved behov autoritative navneservere.
# DNS lookup chain
# Browser cache → OS cache → Router cache → ISP resolver → Root NS → TLD NS → Authoritative NSTrinn 2 — TCP-håndtrykk
Når IP-adressen er kjent, oppretter nettleseren en TCP-tilkobling ved hjelp av treveishåndtrykket: SYN → SYN-ACK → ACK. For HTTPS følges dette av et TLS-håndtrykk som forhandler frem kryptering.
Trinn 3 — HTTP-forespørselen
Nettleseren sender en HTTP-forespørsel via TCP-tilkoblingen. Den inneholder en metode (GET, POST…), banen (/index.html), HTTP-versjonen og headere som Host og Accept.
GET /index.html HTTP/1.1
Host: example.com
Accept: text/html
User-Agent: Mozilla/5.0Trinn 4 — HTTP-responsen
Serveren behandler forespørselen og sender tilbake en respons: en statuskode (200 OK, 404 Not Found…), svarheadere (Content-Type, Cache-Control) og innholdet (HTML, JSON, bildebytes).
HTTP/1.1 200 OK
Content-Type: text/html; charset=UTF-8
Content-Length: 1234
<!DOCTYPE html>...HTTP/1.1 kontra HTTP/2 kontra HTTP/3
HTTP/1.1 sender én forespørsel per tilkobling. HTTP/2 multiplekser mange forespørsler over én tilkobling. HTTP/3 bruker QUIC (UDP-basert) for lavere ventetid, særlig i mobile nettverk med pakketap.
Statuskoder De må kjenne til
2xx = suksess (200 OK, 201 Created). 3xx = omdirigering (301 Moved Permanently, 304 Not Modified). 4xx = klientfeil (400, 401, 403, 404). 5xx = serverfeil (500, 502, 503).
HTTPS og TLS
HTTPS pakker HTTP inn i TLS (Transport Layer Security). TLS gir kryptering, slik at trafikken ikke kan leses, autentisering via sertifikater (slik at De faktisk kommuniserer med example.com) og integritet, slik at data ikke blir manipulert.
Bufring: raskere gjentatte besøk
Svar kan inneholde Cache-Control: max-age=86400, slik at nettleseren bruker den bufrede kopien på nytt i én dag. ETag- og Last-Modified-headere lar nettleseren kontrollere om den bufrede versjonen fortsatt er fersk.
Cache-Control: max-age=86400, immutable
ETag: "abc123"
Last-Modified: Wed, 01 Jan 2025 00:00:00 GMTCookies og sesjoner
Servere setter cookies med Set-Cookie-headeren. Nettleseren sender dem automatisk tilbake med hver forespørsel til det samme domenet. Sesjoner er vanligvis en cookie som inneholder en session-ID, som serveren kobler til brukerdata.
CDN — innholdsleveringsnettverk
Et CDN lagrer kopier av ressursene Deres i datasentre over hele verden. Brukerne laster ned fra den nærmeste noden, noe som reduserer ventetiden. Cloudflare, Fastly og AWS CloudFront er populære CDN-er som brukes av de fleste store nettsteder.
Kort kontroll
Hvilken HTTP-metode brukes til å be om en nettside fra en server?
Oppsummering: Hele forespørselsforløpet
URL skrevet inn → DNS oversetter domenet til IP → TCP- (+ TLS-)tilkobling opprettet → Nettleseren sender HTTP-forespørsel → Serveren svarer med status + headere + innhold → Nettleseren gjengir responsen. Hvert trinn kan observeres i Network-panelet i DevTools.
Lær deg HTML med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 41
- Leksjoner
- 163
Ofte stilte spørsmål
Er leksjonen «Nettlesere, DNS og HTTP: forespørselens livssyklus» gratis?
Ja – hele teksten i «Nettlesere, DNS og HTTP: forespørselens livssyklus» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Frontend Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Frontend Academy inneholder totalt 4 leksjoner.
Hva lærer jeg i «Nettlesere, DNS og HTTP: forespørselens livssyklus»?
Følg en URL fra adressefeltet gjennom DNS-oppløsning, TCP-tilkobling og HTTP-forespørsel, til serversvaret går tilbake til nettleseren. Du øver på Frontend Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med Frontend Academy?
Ingen tidligere erfaring er nødvendig. Frontend Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 4.
Hvor lang tid tar leksjonen «Nettlesere, DNS og HTTP: forespørselens livssyklus»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne Frontend Academy-leksjonen?
Ja. Alle Frontend Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- Nettlesere, DNS og HTTP: forespørselens livssyklus
- HTML, CSS og JavaScript: hver lagdelings oppgave
- Slik gjengis en side: parsing, DOM, CSSOM, layout og maling
- Utviklerverktøy: åpne og bruke DevTools