Critical rendering path është sekuenca e hapave që browser-i ekzekuton për të kthyer HTML, CSS dhe JS në piksela në ekran. Çdo gjë që duhet të mbarojë para paint-it të parë është render-blocking.
Critical rendering path është sekuenca e hapave që browser-i ekzekuton për të kthyer HTML, CSS dhe JS në piksela në ekran. Çdo gjë që duhet të mbarojë para paint-it të parë është render-blocking.
<script> i thjeshtë e ndalon parse-imin e HTML-it ndërsa shkarkohet dhe ekzekutohet.<!-- 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>
Përdorni defer për kodin e app-it që prek DOM-in, dhe async për script-e të pavarur si analytics. Inline-oni CSS-in kritik dhe ngarkoni pjesën tjetër pa bllokim.
Ky është modeli mendor pas gati çdo rregullimi të kohës së ngarkimit: CSS/JS render-blocking është shkaku kryesor i paint-it të parë të ngadaltë dhe LCP-së së dobët. Të diturit pse ekzistojnë defer/async tregon që e kuptoni browser-in, jo vetëm sintaksën.
Një bibliotekë pyetjesh intervistash IT me përgjigje të detajuara — nga Junior te Senior.
Dhuro