Critical rendering path ni mfululizo wa hatua ambazo browser huendesha ili kugeuza HTML, CSS, na JS kuwa pixels kwenye skrini. Chochote kinachopaswa kukamilika kabla ya paint ya kwanza ni render-blocking.
Critical rendering path ni mfululizo wa hatua ambazo browser huendesha ili kugeuza HTML, CSS, na JS kuwa pixels kwenye skrini. Chochote kinachopaswa kukamilika kabla ya paint ya kwanza ni render-blocking.
<script> ya kawaida husimamisha uchambuzi wa HTML wakati inapakua na kuendeshwa.<!-- 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>
Tumia defer kwa app code inayogusa DOM, na async kwa scripts za kujitegemea kama analytics. Weka critical CSS inline na pakia mengine bila kuzuia.
Hii ndiyo mental model iliyo nyuma ya karibu kila rekebisho la load-time: render-blocking CSS/JS ndicho chanzo kikuu cha paint ya kwanza ya polepole na LCP mbaya. Kujua kwa nini defer/async zipo huonyesha unaelewa browser, si syntax tu.
Maktaba ya maswali ya mahojiano ya IT yenye majibu ya kina — kutoka Junior hadi Senior.
Changia