Middle
Mis on erinevus <script>, <script async> ja <script defer> siltide vahel?
sobes.tech AI
Vastus AI-lt
Tavaline <script>: brauser peatab HTML-i analüüsi, laadib ja käivitab skripti, seejärel jätkab analüüsi. Blokeerib kuvamise.
<script async>: skript laaditakse asünkroonselt, HTML-i analüüs jätkub. Skript käivitatakse kohe pärast laadimist ja võib katkestada HTML-i analüüsi. Skriptide käivitamise järjekord ei ole garanteeritud.
<script defer>: skript laaditakse asünkroonselt, HTML-i analüüs jätkub. Skripti käivitamine lükatakse edasi kuni HTML-i analüüsi ja DOM-puu ehitamise lõpuni. Skriptid käivitatakse nende ilmumise järjekorras HTML-is.
| atribuut | HTML analüüs | Skripti laadimine | Skripti käivitamine | Järjekorra sõltuvus |
|---|---|---|---|---|
| Puudub | Peatab | Blokeeriv | Blokeeriv | Garantii |
async |
Jätkub | Mitte-blokeeriv | Võib katkestada analüüsi | Ei garanteeritud |
defer |
Jätkub | Mitte-blokeeriv | Pärast HTML analüüsi | Garanteeritud |