Middle
İstifadəçi üçün saytın necə çəkilməsi həyata keçirilir?
sobes.tech Süni İntellekt
AI-dan cavab
- İstifadəçi brauzerdə URL-ni daxil edir. Brauzer serverin IP ünvanını almaq üçün DNS sorğusu göndərir.
- Brauzer serverlə TCP əlaqəsi qurur. Adətən HTTP/S protokolu istifadə olunur.
- Brauzer serverə HTTP sorğusu göndərir. HTML sənədi və digər resurslar (CSS, JavaScript, şəkillər) tələb olunur.
- Server sorğunu emal edir və HTTP cavabı göndərir. Cavab tələb olunan resursları və status məlumatlarını ehtiva edir.
- Brauzer HTML sənədini alır. HTML-nin parsinqi başlayır.
- DOM (Document Object Model) yaradılır. HTML strukturunu təmsil edən obyektlər ağacı.
- Brauzer HTML-də xarici resurslara (CSS, JavaScript, şəkillər) linkləri aşkarlayır. Əlavə sorğular göndərilir və alınır.
- Brauzer CSS stillərini alır. CSS-nin parsinqi başlayır.
- CSSOM (CSS Object Model) yaradılır. Stiləri təmsil edən obyektlər ağacı.
- Render ağacı yaradılır. DOM və CSSOM-un birləşməsi. Yalnız görünən elementlər və onların stilləri ehtiva edir.
- Layout (və ya Reflow). Hər bir elementin geometrik ölçüləri və mövqeyi hesablanır.
- Paint (və ya Repaint). Elementlər, onların stillərinə və mövqeyinə uyğun olaraq ekranda çəkilir.
- Kompozisiya. Səhifə qat-qat birləşdirilərək istifadəçiyə göstərilir.
- Brauzer JavaScript fayllarını alır. Kodun parsinqi və icrası başlayır. JavaScript DOM və CSSOM-u dəyişə bilər, bu da Layout və Paint-in yenidən hesablanmasına səbəb olur.
- Səhifənin istifadəçiyə göstərilməsi. Resurslar alındıqca və mərhələlər tamamlandıqca, istifadəçi səhifənin məzmununu görür.