Πότε ξεκινά η διαδικασία απόδοσης της σελίδας;

Η διαδικασία απόδοσης της σελίδας ξεκινά όταν ο περιηγητής λαμβάνει και αρχίζει να επεξεργάζεται το έγγραφο HTML. Αυτή η διαδικασία περιλαμβάνει αρκετά στάδια:

1. Ανάλυση HTML: Δημιουργείται το δέντρο DOM (Μοντέλο Αντικειμένου Εγγράφου).
2. Κατασκευή του CSSOM (Μοντέλο Αντικειμένου CSS): Αναλύεται το CSS που εφαρμόζεται στη σελίδα.
3. Δημιουργία του δέντρου απόδοσης: Συνδυάζονται το DOM και το CSSOM για να δημιουργηθεί το δέντρο απόδοσης, που περιέχει τα ορατά στοιχεία και τα στυλ τους.
4. Layout (Υπολογισμός διάταξης): Ορίζονται τα γεωμετρικά μεγέθη και οι θέσεις κάθε στοιχείου στη σελίδα.
5. Ζωγραφική: Γίνεται η ζωγραφική των pixels των στοιχείων στην οθόνη.
6. Σύνθεση (Compositing): Τα στρώματα των στοιχείων που έχουν αποδοθεί συνδυάζονται σε μια τελική παρουσίαση στην οθόνη.

Αν και η διαδικασία απόδοσης ξεκινάει στην πλευρά του πελάτη (τον περιηγητή), η ενεργοποίησή της γίνεται με την λήψη του HTML, το οποίο συχνά παράγεται δυναμικά στον διακομιστή Node.js. Ο διακομιστής είναι υπεύθυνος για την προετοιμασία και την αποστολή της αρχικής απάντησης HTML.