Critical rendering path este secvența de pași pe care browserul îi execută pentru a transforma HTML, CSS și JS în pixeli pe ecran. Orice trebuie să se termine înainte de primul paint este render-blocking.
Critical rendering path este secvența de pași pe care browserul îi execută pentru a transforma HTML, CSS și JS în pixeli pe ecran. Orice trebuie să se termine înainte de primul paint este render-blocking.
<script> simplu oprește parsarea HTML cât timp se descarcă și rulează.<!-- 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>
Folosește defer pentru codul de aplicație care atinge DOM-ul și async pentru scripturi independente precum analiticele. Include inline CSS-ul critic și încarcă restul fără blocare.
Acesta este modelul mental din spatele aproape oricărei corecturi de timp de încărcare: CSS/JS render-blocking este cauza principală a unui prim paint lent și a unui LCP slab. A ști de ce există defer/async arată că înțelegi browserul, nu doar sintaxa.
O bibliotecă de întrebări de interviu IT cu răspunsuri detaliate — de la Junior la Senior.
Donează