Critical rendering path shi ne jerin matakan da browser ke gudanarwa don juya HTML, CSS, da JS zuwa pixels a kan allo. Duk abin da dole ne ya ƙare kafin first paint yana render-blocking.
Critical rendering path shi ne jerin matakan da browser ke gudanarwa don juya HTML, CSS, da JS zuwa pixels a kan allo. Duk abin da dole ne ya ƙare kafin first paint yana render-blocking.
<script> yana dakatar da HTML parsing yayin da yake download da gudanarwa.<!-- 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>
Yi amfani da defer don app code da ke taɓa DOM, da async don independent scripts kamar analytics. Sanya critical CSS inline sannan ka loda sauran ba tare da toshewa ba.
Wannan shi ne mental model bayan kusan kowane load-time fix: render-blocking CSS/JS shi ne babban dalilin first paint mai jinkiri da LCP mara kyau. Sanin dalilin da defer/async ke wanzuwa yana nuna ka fahimci browser, ba kawai syntax ba.
Ɗakin karatu na tambayoyin hira na IT tare da amsoshi cikakke — daga Junior zuwa Senior.
Ba da Gudummawa