Critical rendering path browser ले HTML, CSS, र JS लाई screen मा pixel मा बदल्न चलाउने step हरूको क्रम हो। पहिलो paint अघि सकिनैपर्ने जुनसुकै कुरा render-blocking हो।
Critical rendering path browser ले HTML, CSS, र JS लाई screen मा pixel मा बदल्न चलाउने step हरूको क्रम हो। पहिलो paint अघि सकिनैपर्ने जुनसुकै कुरा render-blocking हो।
<script> ले download र run हुँदा HTML parsing रोक्छ।<!-- Blocks parsing: browser waits here before continuing -->
<script src="/app.js"></script>
<!-- defer: download in parallel, run after HTML is parsed, in order -->
<script src="/app.js" defer></script>
<!-- async: download in parallel, run as soon as ready (order not guaranteed) -->
<script src="/analytics.js" async></script>
DOM छुने app code का लागि defer, र analytics जस्ता स्वतन्त्र script का लागि async प्रयोग गर्नुहोस्। Critical CSS inline गर्नुहोस् र बाँकी block नगरी load गर्नुहोस्।
यो लगभग हरेक load-time fix पछाडिको mental model हो: render-blocking CSS/JS ढिलो first paint र खराब LCP को मुख्य कारण हो। defer/async किन अस्तित्वमा छन् भन्ने जान्नाले तपाईं syntax मात्र होइन, browser बुझ्नुहुन्छ भन्ने देखाउँछ।
विस्तृत उत्तरसहित IT अन्तर्वार्ता प्रश्नहरूको पुस्तकालय — जुनियरदेखि सिनियरसम्म।
दान गर्नुहोस्