Rruga kritike e paraqitjes është sekuenca e hapave që shfletësi kryen për të kthyer HTML, CSS dhe JS në piksela. Të kuptuarit e kësaj shpjegon se çfarë bllokon paraqitjen dhe si ta bëjmë faqet të pintohen më shpejt.
Hapat
text
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
Çfarë bllokon paraqitjen
Shfletësi nuk do të pinotë derisa CSSOM të jetë gata (për të shmangur një shfaqje të përmbajtjes pa stil). Pra CSS e madhe/e ngadaltë vonohet përpara se të pinohet — mbani CSS kritike të vogël dhe futeni në linjë kur është e mundur.