முக்கிய பரिधि பாதை என்பது உலாவி HTML, CSS மற்றும் JS ஐ பிக்சல்களாக மாற்றுவதற்கு மேற்கொள்ளும் படிகளின் வரிசை ஆகும். இதைப் புரிந்துகொள்வது என்னவு பரिधि செயல்பாட்டை தடுக்கிறது என்பதை விளக்குகிறது மற்றும் பக்கங்கள் வேகமாக வரப்பெற வேண்டும்.
படிகள்
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
என்னவு பரिधि செயல்பாட்டை தடுக்கிறது
CSSOM தயாரான வரை உலாவி வரைய மாட்டாது (வண்ணமிடப்படாத உள்ளடக்கத்தின் ஆபத்துத் தவிர்க்க). எனவே பெரிய/மெதுவான CSS முதல் வரைதலை தாமதப்படுத்துகிறது — முக்கிய CSS சிறியதாக வைத்துக்கொள்ளுங்கள் மற்றும் அவசியம் போது உட்செலுத்துங்கள்.