Critical rendering path iku urutan langkah sing dijalanake browser kanggo ngowahi HTML, CSS, lan JS dadi piksel ing layar. Apa wae sing kudu rampung sadurunge paint pisanan iku render-blocking.
Critical rendering path iku urutan langkah sing dijalanake browser kanggo ngowahi HTML, CSS, lan JS dadi piksel ing layar. Apa wae sing kudu rampung sadurunge paint pisanan iku render-blocking.
<script> biasa mandhegake parsing HTML nalika ngundhuh lan mlaku.<!-- 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>
Gunakake defer kanggo kode app sing nyenggol DOM, lan async kanggo skrip mandiri kaya analytics. Inline-ke CSS kritis lan muat sisane tanpa mblokir.
Iki model mental ing sabalike meh saben betulan load-time: CSS/JS sing render-blocking iku panyebab utama paint pisanan sing alon lan LCP sing elek. Ngerti kenapa defer/async ana nuduhake sampeyan ngerti browser, dudu mung sintakse.
Pustaka pitakon wawancara IT kanthi jawaban rinci — saka Junior nganti Senior.
Nyumbang