Har du någonsin undrat vad allt som krävs för att ladda en webbsida i din webbläsare? Beroende på din internetanslutning skriver du in URL: en eller adressen till en webbsida och trycker på "Enter" -knappen till nästan omedelbart till den webbsidan. Det kan vara en långsammare process på långsammare anslutningar, men du kan fortfarande komma till en sida relativt snabbt. Vad händer bakom kulisserna för att få allt att hända? Följ med nedan så visar vi dig vad som händer!
Server till webbläsarkommunikation
I lekmannens termer, när du anger en länk i adressfältet eller klickar på en länk på en sida, gör webbläsaren en begäran till servern adressen är värd på. Därifrån laddas resurserna för sidan ner och webbläsaren använder sedan dessa resurser för att återge sidan och visa slutprodukten till dig.
Men det är lite mer komplicerat än så.
Ett snabbt ord på webbadresser
När du skriver in en URL, till exempel www.google.com, är det precis vad du ser. Datorn ser något annat. När du skriver in det och trycker på enter, reser den genom en Domain Name Server (DNS) och konverterar den till en IP-adress - något datorn kan läsa. Så medan du kanske ser www.google.com tar webbläsaren det, skickar det genom en DNS-server och sedan ansluter du faktiskt till en av Googles många IP-adresser, till exempel 216.58.216.110 . Du kan faktiskt skriva in 216.58.216.110 i adressfältet och hamna på samma plats.
Skaffa en webbsida i din webbläsare
Det finns många rörliga delar för att få en webbsida korrekt visas i din webbläsare. Det första steget är emellertid begäran. Du gör en begäran till en webbserver när du skriver in adressen till en webbplats du vill besöka, till exempel www.techjunkie.com. När du trycker på enter ansluter webbläsaren till webbhotellen och begär att ett gäng textfiler laddas ner.
Nästa steg är webbserverns svar. Detta är steget där servern faktiskt tillhandahåller resurserna till webbläsaren. Webbläsaren begär dem (begäran) och servern skickar över dem (svaret). Hur vet en webbläsare dock om den behöver mer än bara en enda fil? Det gör detta genom något som kallas parsing. Med andra ord tar webbläsaren det första dokumentet och letar efter referenser till andra filer. Om den ser en hänvisning till en annan fil, laddar den också ned. Det är mycket mer komplicerat än så, men det är kärnan i hur den hittar alla nödvändiga filer.
Därefter måste all den information som den laddade ner byggas. Det tar det ursprungliga HTML-dokumentet som det laddas ner samt alla relevanta resurser och skapar en sorts struktur eller träd. Den kommer att bygga en dokumentobjektkarta (DOM) först, som i huvudsak är strukturen eller placeringen av element på en sida. Därefter bygger den CSS-objektkarta - strukturen för hur element i DOM-formatet utformas. Slutligen skapar det Render Tree, som i princip tar DOM och CSS-objektkarta, kombinerar dem och skapar en struktur för hur sidan är strukturerad och utformad.
Och slutligen återges sidan och visas för dig, användaren. Det finns också många beräkningar i detta steg, eftersom webbläsaren måste ta reda på hur stor layout är relativt din skärm (t.ex. sidstorlekar kommer att vara annorlunda om du är på en surfplatta, en smartphone eller en dator). Men när det gör det får du en sista och förhoppningsvis snygg sida som visas i din webbläsare.
Processen är faktiskt ganska fantastisk - alla dessa förfrågningar och beräkningar sker alla inom några sekunder, beroende på hur snabb din Internet-anslutning är, naturligtvis. Men för det mesta, även om det kan finnas hundratals filer till en webbsida, sker ovanstående process enkelt på 10 sekunder eller mindre.
Stängning
Förhoppningsvis har vi tydligt förklarat hur din internetanslutning, webbläsaren och servrarna alla fungerar tillsammans för att leverera dina webbsidor direkt till din webbläsare. Genom att ha en djupare förståelse för hur alla dessa tekniker sammanflätas och arbetar tillsammans kommer det inte bara att ge dig en bättre uppskattning av vad som händer bakom kulisserna, utan kan också hjälpa dig att felsöka alla webbläsarrelaterade problem.
