Attributo async dell'<script> HTML
Definizione e uso
async è un attributo booleano.
Se è stato impostato async L'attributo, gli script vengono scaricati in parallelo durante l'analisi della pagina e eseguiti immediatamente quando disponibili. Una volta scaricati completamente, l'analisi della pagina viene interrotta, quindi viene eseguito lo script e poi si continua con l'analisi del resto della pagina.
Attenzione:async L'attributo si applica solo agli script esterni (e dovrebbe essere utilizzato solo quando esiste l'attributo src).
Attenzione:Gli script esterni possono essere eseguiti in vari modi:
- Se è stato impostato async: gli script vengono scaricati in parallelo durante l'analisi della pagina e eseguiti immediatamente quando disponibili (prima della fine dell'analisi)
- Se è stato impostato defer (ma non async): gli script vengono scaricati in parallelo durante l'analisi della pagina e eseguiti dopo la fine dell'analisi
- Se non sono presenti né async né defer: gli script vengono scaricati e eseguiti immediatamente, bloccando l'analisi della pagina fino a che non vengono completati
Esempio
Gli script richiamati vengono scaricati in parallelo durante l'analisi della pagina e eseguiti immediatamente quando disponibili:
<script src="demo_async.js" async></script>
Sintassi
<script async>
Esecuzione asincrona degli script
Il comportamento predefinito del browser quando incontra l'elemento script è quello di fermare il processo di elaborazione della pagina durante il caricamento ed esecuzione degli script. Gli elementi script vengono eseguiti in sequenza (secondo l'ordine di definizione) in modo sincrono (non si occupano di altro durante il caricamento ed esecuzione degli script).
Come metodo predefinito per la gestione degli script, l'esecuzione in sequenza sincrona ha il suo significato. Tuttavia, alcuni script non necessitano di essere trattati in questo modo, per questi script si può usare async L'attributo migliora le prestazioni. Un esempio tipico è lo script di tracciamento (tracking script). Questo script può segnalare le visite del sito web dell'utente alle aziende pubblicitarie per personalizzare e inviare annunci in base alle abitudini dell'utente, o raccogliere dati di accesso ai visitatori del sito web per analisi, ecc. Questi script sono autonomi e di solito non interagiscono con gli elementi del documento HTML. Postponare la visualizzazione della pagina per aspettare che si carichino e inviino report al proprio server non ha senso.
Utilizzato async Dopo l'attributo, il browser caricherà e eseguirà lo script in modo asincrono mentre continua a解析 HTML di altri elementi (inclusi altri elementi script). Se utilizzato correttamente, questo può migliorare notevolmente le prestazioni di caricamento complessive.
Attenzione:Uso async Un importante conseguenza dell'attributo è che lo script nella pagina potrebbe non essere eseguito nell'ordine definito. Pertanto, se lo script utilizza funzioni o valori definiti da altri script, non è consigliabile usarlo async Attributo.
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 8.0 | 10.0 | 3.6 | 5.1 | 15.0 |
