Sayfa render süreci ne zaman başlar?

Sayfa işleme süreci, tarayıcı HTML belgesini aldığında ve işlemeye başladığında başlar. Bu süreç birkaç aşamadan oluşur:

1. HTML Ayrıştırması: DOM (Belge Nesne Modeli) ağacı oluşturulur.
2. CSSOM (CSS Nesne Modeli) Oluşumu: Sayfaya uygulanan CSS ayrıştırılır.
3. Render Ağacının Oluşumu: DOM ve CSSOM birleştirilerek, sayfada görünen öğeleri ve stillerini içeren render ağacı oluşturulur.
4. Layout (Düzen Hesaplama): Sayfadaki her öğenin geometrik boyutları ve konumları belirlenir.
5. Boyama: Öğelerin pikselleri ekranda çizilir.
6. Bileşim (Compositing): Çizilen öğelerin katmanları, ekrandaki nihai gösterime birleştirilir.

Render süreci, istemci tarafında (tarayıcıda) başlasa da, tetiklenmesi genellikle Node.js sunucusunda dinamik olarak oluşturulan HTML'nin alınmasıyla gerçekleşir. Sunucu, başlangıç HTML yanıtını hazırlama ve gönderme sorumluluğundadır.