Brauzer veb səhifəsini necə işləyir?

URL-nin təhlili: Brauzer URL-ni təhlil edir, protokol, domen adını və resursa yolunu müəyyən edir.
DNS sorğusu: Əgər domen adı hələ yerli keşikdə deyilsə, brauzer DNS sorğusu göndərərək serverin IP ünvanını əldə edir.
TCP əlaqəsinin qurulması: Brauzer, əldə edilmiş IP ünvanı ilə serverə TCP əlaqəsi qurur.
HTTP sorğusu: Brauzer, istənilən veb səhifəni soruşan HTTP sorğusu göndərir.
HTTP cavabını alma: Server sorğunu işləyir və HTML kodu, CSS, JavaScript və digər resursları ehtiva edən HTTP cavabını göndərir.
HTML-nin təhlili: Brauzer, alınan HTML-ni təhlil etməyə başlayır və DOM (Document Object Model) ağacını yaradır.
Resursların yüklənməsi: HTML-nin təhlili zamanı, brauzer digər resurslara (CSS, JS, şəkillər) bağlantıları aşkarlayır və onları çox vaxt paralel yükləməyə başlayır.
CSS-nin təhlili: Brauzer CSS-i təhlil edir və CSSOM (CSS Object Model) ağacını yaradır.
Render ağacının qurulması: DOM və CSSOM-u birləşdirərək, brauzer yalnız görünən düyünləri və onların stillərini ehtiva edən render ağacını yaradır.
Layihə (Layout): Brauzer, hər bir elementin geometrik ölçülərini və mövqeyini hesablayır.
Çizim (Painting): Brauzer, render ağacı və layihə nəticələrinə əsaslanaraq, ekran üçün hər bir elementin piksellərini çəkir.
Kompozisiya: Əgər səhifə qatlamlar (məsələn, transform və ya opacity kimi CSS xüsusiyyətləri səbəbindən) ehtiva edirsə, brauzer bu qatlamarı birləşdirir və yekun şəkli göstərir.
JavaScript-in işlənməsi: <script> teqləri və ya inline skriptlər aşkarlandıqda, brauzer JavaScript-i analiz edir, tərtib edir və icra edir. JavaScript DOM və CSSOM-u dəyişə bilər və layihə və çəkim mərhələlərinə təsir edə bilər, bu da bu mərhələlərin təkrarlanmasına səbəb olur.