Il-critical rendering path huwa s-sekwenza ta' passi li l-browser iħaddem biex jibdel l-HTML, CSS, u JS f'pixels fuq l-iscreen. Kull ħaġa li għandha tispiċċa qabel l-ewwel paint hija render-blocking.
Il-critical rendering path huwa s-sekwenza ta' passi li l-browser iħaddem biex jibdel l-HTML, CSS, u JS f'pixels fuq l-iscreen. Kull ħaġa li għandha tispiċċa qabel l-ewwel paint hija render-blocking.
<script> sempliċi jwaqqaf l-ipparsjar tal-HTML waqt li jitniżżel u jaħdem.<!-- 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>
Uża defer għal kodiċi tal-app li jmiss id-DOM, u async għal scripts indipendenti bħall-analytics. Poġġi l-CSS kritiku inline u għabbi l-bqija mingħajr imblukkar.
Dan huwa l-mudell mentali wara kważi kull fix tal-ħin tat-tagħbija: CSS/JS render-blocking huwa l-akbar kawża ta' ewwel paint bil-mod u LCP ħażin. Li tkun taf għaliex jeżistu defer/async juri li tifhem il-browser, mhux biss is-sintassi.
Librerija ta' mistoqsijiet ta' intervisti tal-IT b'tweġibiet dettaljati — minn Junior sa Senior.
Iddona