Sobes.tech
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