Middle
Kullanıcı için sitenin render edilmesi nasıl gerçekleşir?
sobes.tech yapay zeka
AI'dan gelen yanıt
- Kullanıcı URL'yi tarayıcıya girer. Tarayıcı, sunucunun IP adresini almak için DNS isteği gönderir.
- Tarayıcı, sunucu ile TCP bağlantısı kurar. Genellikle HTTP/S protokolü kullanılır.
- Tarayıcı, sunucuya HTTP isteği gönderir. HTML belgesi ve diğer kaynaklar (CSS, JavaScript, resimler) talep edilir.
- Sunucu, isteği işler ve HTTP yanıtı gönderir. Yanıt, istenen kaynakları ve durum bilgilerini içerir.
- Tarayıcı, HTML belgesini alır. HTML'nin ayrıştırılması başlar.
- DOM (Document Object Model) oluşturulur. HTML yapısını temsil eden nesne ağacı.
- Tarayıcı, HTML'de dış kaynaklara (CSS, JavaScript, resimler) bağlantıları tespit eder. Ek istekler yapılarak alınır.
- Tarayıcı, CSS stillerini alır. CSS'nin ayrıştırılması başlar.
- CSSOM (CSS Object Model) oluşturulur. Stilleri temsil eden nesne ağacı.
- Render Ağacı oluşturulur. DOM ve CSSOM'un birleşimi. Sadece görünür öğeleri ve stillerini içerir.
- Layout (veya Reflow). Sayfadaki her öğenin geometrik boyutları ve konumu hesaplanır.
- Paint (veya Repaint). Öğeler, stillerine ve konumlarına göre ekranda çizilir.
- Bileşim. Sayfa katman katman düzenlenerek kullanıcıya gösterilir.
- Tarayıcı, JavaScript dosyalarını alır. Kodun ayrıştırılması ve yürütülmesi başlar. JavaScript, DOM ve CSSOM'u değiştirebilir, bu da Layout ve Paint'in yeniden hesaplanmasına neden olur.
- Sayfa, kullanıcıya gösterilir. Kaynaklar alındıkça ve adımlar tamamlandıkça, kullanıcı sayfa içeriğini görür.