critical rendering path shine jerin matakalan da browser ke kwata don canza HTML, CSS, da JS zuwa pixels. Gane shi yana bayyana abin da ke tare da yin, kuma yadda ake yin minti a sauri.
Matakalan
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
Abin da ke tare da yin
Browser ba zai yi zane har sai CSSOM ya shirya (don kauce wa walwal mara tufafi). Saboda haka, CSS mai girma/jajere yana jaddada farar zane — ki iyada CSS mahimmanci kuma saka shi a cikin jeri idan yiwu.
