HTML <script> async-egenskapen

HTML <script> etikett

Definition och användning

async Egenskapen är en boolean egenskap.

Om async Egenskapen, skriptet laddas ner parallellt med att sidan analyseras och körs omedelbart när det är tillgängligt. När skriptet är helt nerladdat bryts sidans analys, skriptet körs och analysen fortsätter med resten av sidan.

Observera:async Egenskapen är endast tillämplig på externa skript (och bör endast användas när src-egenskapen finns).

Observera:Det finns flera sätt att köra externa skript:

  • Om async är inställt: Skriptet laddas ner parallellt med att sidan analyseras och körs omedelbart när det är tillgängligt (före analysen är klar)
  • Om defer är inställt (men inte async): Skriptet laddas ner parallellt med att sidan analyseras och körs efter att sidan har analyserats
  • Om både async och defer saknas: Skriptet laddas ner och körs omedelbart, vilket blockerar sidans analys tills skriptet har körs klart

Exempel

Det refererade skriptet laddas ner parallellt med att sidan analyseras och körs omedelbart när det är tillgängligt:

<script src="demo_async.js" async></script>

Prova själv

Syntax

<script async>

Asynkront körning av skript

När webbläsaren stöter på en script-element är det standardbeteendet att pausa hanteringen av sidan medan skriptet laddas och körs. Varje script-element utförs i tur och ordning (enligt deras definierade ordning) synkront (detta innebär att de inte tar hand om något annat under laddning och körning av skriptet).

Som standardmetod för att hantera skript har synkroniserad och ordningsvis utförande sin betydelse. Men vissa skript behöver inte behandlas på detta sätt, för sådana skript kan användas async egenskapen för att förbättra dess prestanda. Ett typiskt exempel på detta är spårningsskript (tracking script). Dessa skript kan rapportera användarens besökshistorik på webbplatsen så att annonsföretag kan anpassa och distribuera annonser baserat på användarens vanor, eller samla in statistik över webbplatsbesökare för analys, och så vidare. Dessa skript är självständiga och behöver vanligtvis inte interagera med element i HTML-dokumentet. Det har ingen mening att fördröja visningen av sidan för att vänta på att dessa skript ska laddas och skicka rapporter till sina egna servrar.

Användning av async egenskapen kommer webbläsaren att ladda och köra skriptet asynkront medan den fortsätter att tolka HTML-element (inklusive andra script-element). Om användningen är korrekt kan detta betydligt förbättra den totala laddningseffektiviteten.

Observera:Använd async En viktig konsekvens av egenskapen är att skript i sidan kanske inte längre körs i den ordning de definierades. Därför bör det inte användas om skript använder funktioner eller värden definierade i andra skript. async egenskap.

Webbläsarstöd

Numrerna i tabellen anger den första webbläsaren som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 3.6 5.1 15.0

HTML <script> etikett