Browsere, DNS og HTTP: Anmodningens livscyklus
Følg en URL fra adresselinjen gennem DNS-opslag, TCP-forbindelse, HTTP-anmodning og serversvar tilbage til browseren.
Browsere, DNS og HTTP: Anmodningens livscyklus er en gratis Frontend Academy-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Frontend Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Frontend Academy-kurset indeholder 4 lektioner i alt.
Hvad sker der, når du skriver en URL?
Hver gang du besøger et websted, starter din browser en præcis række trin. Når du forstår denne rækkefølge, bliver du en bedre udvikler — du ved, hvor ting kan gå galt, og hvordan du kan gøre dem hurtigere.
Trin 1 — DNS-opslag
DNS (Domain Name System) er internettets telefonbog. Din browser spørger en DNS-resolver: "Hvilken IP-adresse ligger bag example.com?". Resolveren tjekker cacher og forespørger om nødvendigt autoritative navneservere.
# DNS lookup chain
# Browser cache → OS cache → Router cache → ISP resolver → Root NS → TLD NS → Authoritative NSTrin 2 — TCP-håndtryk
Når IP-adressen er kendt, åbner browseren en TCP-forbindelse ved hjælp af det trevejs håndtryk: SYN → SYN-ACK → ACK. For HTTPS følges dette af et TLS-håndtryk, som forhandler kryptering.
Trin 3 — HTTP-forespørgslen
Browseren sender en HTTP-forespørgsel over TCP-forbindelsen. Den indeholder en metode (GET, POST…), stien (/index.html), HTTP-versionen og headere som Host og Accept.
GET /index.html HTTP/1.1
Host: example.com
Accept: text/html
User-Agent: Mozilla/5.0Trin 4 — HTTP-svaret
Serveren behandler forespørgslen og sender et svar tilbage: en statuskode (200 OK, 404 Not Found…), svarheadere (Content-Type, Cache-Control) og indholdet (HTML, JSON, billedbytes).
HTTP/1.1 200 OK
Content-Type: text/html; charset=UTF-8
Content-Length: 1234
<!DOCTYPE html>...HTTP/1.1 vs. HTTP/2 vs. HTTP/3
HTTP/1.1 sender én forespørgsel pr. forbindelse. HTTP/2 multiplexerer mange forespørgsler over én forbindelse. HTTP/3 bruger QUIC (baseret på UDP) for at give lavere latenstid, især på mobile netværk med pakketab.
Statuskoder, du skal kende
2xx = succes (200 OK, 201 Created). 3xx = omdirigering (301 Moved Permanently, 304 Not Modified). 4xx = klientfejl (400, 401, 403, 404). 5xx = serverfejl (500, 502, 503).
HTTPS og TLS
HTTPS pakker HTTP ind i TLS (Transport Layer Security). TLS giver: kryptering, så trafikken ikke kan læses, godkendelse via certifikater (du kommunikerer faktisk med example.com) og integritet, så data ikke bliver ændret.
Caching: Gør gentagne besøg hurtigere
Svar kan indeholde Cache-Control: max-age=86400, så browseren genbruger den cachede kopi i et døgn. Headere som ETag og Last-Modified lader browseren kontrollere, om den cachede version stadig er opdateret.
Cache-Control: max-age=86400, immutable
ETag: "abc123"
Last-Modified: Wed, 01 Jan 2025 00:00:00 GMTCookies og sessioner
Servere sætter cookies med headeren Set-Cookie. Browseren sender dem automatisk tilbage med hver forespørgsel til det samme domæne. Sessioner er normalt en cookie, der indeholder et sessions-id, som serveren knytter til brugerdata.
CDN — Indholdsleveringsnetværk
Et CDN gemmer kopier af dine ressourcer i datacentre over hele verden. Brugere downloader fra det nærmeste knudepunkt, hvilket reducerer latenstiden. Cloudflare, Fastly og AWS CloudFront er populære CDN'er, som bruges af de fleste store websteder.
Hurtig kontrol
Hvilken HTTP-metode bruges til at anmode om en webside fra en server?
Opsummering: Hele forespørgselsforløbet
URL indtastet → DNS oversætter domænet til en IP-adresse → TCP- (+ TLS-)forbindelse oprettet → Browseren sender en HTTP-forespørgsel → Serveren svarer med status + headere + indhold → Browseren gengiver svaret. Hvert trin kan observeres i Netværkspanelet i DevTools.
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 41
- Lektioner
- 163
Ofte stillede spørgsmål
Er lektionen “Browsere, DNS og HTTP: Anmodningens livscyklus” gratis?
Ja — hele teksten til “Browsere, DNS og HTTP: Anmodningens livscyklus” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Frontend Academy-kurset, skal du opgradere til CoddyKit PRO. Frontend Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Browsere, DNS og HTTP: Anmodningens livscyklus”?
Følg en URL fra adresselinjen gennem DNS-opslag, TCP-forbindelse, HTTP-anmodning og serversvar tilbage til browseren. Du øver dig i Frontend Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Frontend Academy?
Der kræves ingen tidligere erfaring. Frontend Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.
Hvor lang tid tager lektionen “Browsere, DNS og HTTP: Anmodningens livscyklus”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Frontend Academy-lektion?
Ja. Alle Frontend Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Browsere, DNS og HTTP: Anmodningens livscyklus
- HTML, CSS og JavaScript: Hvert lags opgave
- Sådan rendere en side: Parsing, DOM, CSSOM, layout og paint
- Udviklerværktøjer: Åbn og brug DevTools