Sobes.tech
Middle

Co się dzieje, gdy wpisujesz adres w przeglądarce, na przykład google.com?

sobes.tech AI

Odpowiedź od AI

  1. Analiza URL: Przeglądarka dzieli URL na części składowe: protokół (HTTP/HTTPS), nazwę domeny (google.com) i ścieżkę (/).

  2. Wyszukiwanie adresu IP:

    • Przeglądarka sprawdza swoją pamięć podręczną DNS.
    • System operacyjny sprawdza swoją pamięć podręczną DNS.
    • System wysyła zapytanie do serwera DNS (zazwyczaj dostarczanego przez dostawcę).
    • Serwer DNS wykonuje rekurencyjne zapytania do serwerów DNS root, TLD i autorytatywnych, aż znajdzie adres IP google.com.
    • Adres IP jest zwracany przeglądarce.
  3. Ustanowienie połączenia TCP:

    • Przeglądarka ustanawia połączenie TCP z serwerem pod znalezionym adresem IP, używając trójstronnego uścisku dłoni (SYN, SYN-ACK, ACK).
  4. Uścisk dłoni SSL/TLS (dla HTTPS):

    • Klient i serwer negocjują algorytmy szyfrowania.
    • Serwer wysyła swój certyfikat.
    • Przeglądarka weryfikuje certyfikat.
    • Strony wymieniają klucze szyfrowania dla bezpiecznej komunikacji.
  5. Wysyłanie żądania HTTP: Przeglądarka wysyła żądanie HTTP do serwera, zawierające metodę (GET), ścieżkę, nagłówki (Host, User-Agent, Accept itp.) i ewentualnie ciało żądania.

    GET / HTTP/1.1  
    Host: google.com  
    User-Agent: Mozilla/5.0 (...)  
    Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8  
    
  6. Przetwarzanie żądania przez serwer:

    • Serwer odbiera żądanie.
    • Serwer przetwarza żądanie (np. wykonuje logikę aplikacji).
    • Serwer generuje odpowiedź HTTP.
  7. Odbiór odpowiedzi HTTP: Przeglądarka otrzymuje odpowiedź HTTP od serwera, zawierającą kod statusu (np. 200 OK), nagłówki (Content-Type, Content-Length itp.) i ciało odpowiedzi (strona HTML, obrazy, CSS, JS itp.).

    HTTP/1.1 200 OK  
    Content-Type: text/html; charset=UTF-8  
    Content-Length: XXXX  
    ...  
    
    <!doctype html>...  
    
  8. Renderowanie strony:

    • Przeglądarka zaczyna analizować kod HTML.
    • Po wykryciu linków do CSS, JavaScript lub obrazów, przeglądarka wykonuje dodatkowe żądania, aby je pobrać (kroki 2-7 powtarzają się dla każdego zasobu).
    • Przeglądarka buduje drzewo DOM (Document Object Model) z HTML.
    • Przeglądarka buduje drzewo CSSOM (CSS Object Model) z CSS.
    • Przeglądarka tworzy drzewo renderowania, łącząc DOM i CSSOM.
    • Przeglądarka wykonuje JavaScript (może modyfikować DOM i CSSOM).
    • Przeglądarka oblicza układ elementów na stronie (Layout).
    • Przeglądarka rysuje elementy na ekranie (Painting).