Il-critical rendering path huwa s-sekwenza ta' passi li l-browser jieħu biex jittraforma l-HTML, CSS, u JS f'pixels. L-għarfien tiegħu jispjega x'jgħaqqad ir-rendering u kif tagħmel il-paġni jinġabru aktar malajr.
Il-passi
1. Parse HTML → DOM tree (the document structure)
2. Parse CSS → CSSOM tree (the style rules)
3. DOM + CSSOM → Render tree (visible nodes + their styles)
4. Layout (reflow) → compute each node's geometry (position/size)
5. Paint → fill in pixels (colors, text, images)
6. Composite → combine layers onto the screen
X'jgħaqqad ir-rendering
Il-browser mhu se jipinġi sas-CSSOM ikun lest (biex nevita flash ta' kontenut mingħajr stil). Allura CSS kbir/bil-bida jbati l-first paint — żomm il-critical CSS żgħir u inkorporah fuq l-paġna stess meta possibbli.
