Jeste li se ikad zapitali što je sve potrebno da se web stranica učita u vaš preglednik? Ovisno o vašoj internetskoj vezi, unosom URL-a ili adrese na web stranicu i pritiskom na tipku "Enter" vodite do te web stranice gotovo trenutno. Pri sporijim vezama to može biti sporiji proces, ali još uvijek možete relativno brzo doći na stranicu. Što se događa iza kulisa da se sve to dogodi? Slijedite dolje i pokazat ćemo vam što se događa!
Komunikacija između poslužitelja i preglednika
Laičkim riječima, kad uđete u vezu u vašoj adresnoj traci ili kliknete na poveznicu na stranici, preglednik podnosi zahtjev poslužitelju na kojem se nalazi adresa. Odatle se preuzimaju resursi za stranicu, a preglednik ih zatim koristi kako bi napravio stranicu i prikazao vam konačni proizvod.
Malo je kompliciranije od toga.
Brza riječ o URL-ovima
Kada upišete URL, kao što je www.google.com, to je upravo ono što vidite. Računalo vidi nešto drugo. Jednom kada ga upišete i pritisnete enter, on putuje kroz poslužitelj domena (DNS) i pretvara ga u IP adresu - nešto što računalo može pročitati. Iako možda vidite www.google.com, preglednik to uzima, prosljeđuje ga kroz DNS poslužitelj, a zatim se zapravo povezujete s jednom od Googleovih brojnih IP adresa, poput 216.58.216.110 . Zapravo biste mogli upisati 216.58.216.110 u adresnu traku i završiti na istoj lokaciji.
Dohvaćanje web stranice u vašem pregledniku
Postoji mnogo pokretnih dijelova za pravilnu prikaz web stranice u pregledniku. Međutim, prvi korak je zahtjev. Upućujete zahtjev web-poslužitelju kad upišete adresu web mjesta koje želite posjetiti, kao što je www.techjunkie.com. Nakon što pritisnete enter, vaš se preglednik povezuje s web domaćinom i zahtijeva snop tekstualnih datoteka za preuzimanje.
Sljedeći je korak odgovor web poslužitelja. Ovo je korak gdje poslužitelj zapravo pruža resurse pregledniku. Preglednik ih traži (zahtjev), a poslužitelj ih šalje (odgovor). Kako, međutim, preglednik zna treba li mu više od jedne datoteke? To se događa kroz nešto što se naziva raščlanjivanje. Drugim riječima, preglednik uzima prvi dokument, tražeći bilo kakve reference na druge datoteke. Ako vidi referencu na drugu datoteku, preuzima i nju. To je puno složenije od toga, ali to je suština kako pronaći sve potrebne datoteke.
Zatim treba prikupiti sve podatke koje je preuzeo. Potreban je izvorni HTML dokument koji je preuzeo kao i svi relevantni resursi i stvara neku vrstu strukture ili stabla. Prvo će izraditi Document Object Map (DOM), što je u osnovi struktura ili položaj elemenata na stranici. Zatim gradi CSS objektnu mapu - strukturu za oblikovanje elemenata u DOM-u. Na kraju, stvara stablo rendera, koje u osnovi uzima DOM i CSS objektnu mapu, kombinira ih i stvara strukturu kako je stranica strukturirana i oblikovana.
I na kraju, stranica se zatim prikazuje i prikazuje vama, korisniku. U ovom je koraku također puno izračuna, jer preglednik mora otkriti koliko je izgled sličan vašem zaslonu (npr. Veličine stranice bit će različite ako ste na tabletu, pametnom telefonu ili računalu). Ali nakon što to učinite, dobit ćete zadnju stranicu koja se nada, i dobrog izgleda, prikazanu u vašem pregledniku.
Proces je zapravo prilično nevjerojatan - naravno, svi ovi zahtjevi i proračuni događaju se u nekoliko sekundi, ovisno o brzini vaše internetske veze. No većim dijelom, iako na web stranici može biti na stotine datoteka, gornji se postupak lako dogodi za 10 sekundi ili manje.
zatvaranje
Nadamo se da smo jasno objasnili kako vaša internetska veza, preglednik i poslužitelji rade zajedno kako bi vam isporučili web stranice izravno na vaš preglednik. Zbog dubljeg razumijevanja kako se sve ove tehnologije isprepliću i rade zajedno, ne samo da će vam dati bolji uvid u ono što se događa iza scene, već će vam i pomoći da otklonite sve probleme povezane s preglednikom.
