Async
Cosa significa Async e come si usa?
Il termine "async" (abbreviazione di "asincrono") viene utilizzato nello sviluppo web per descrivere un attributo del tag <script> che consente l'esecuzione di script JavaScript in modo asincrono.
Ciò significa che lo script viene scaricato ed eseguito indipendentemente dal caricamento del documento HTML. A differenza degli script tradizionali, che bloccano il caricamento e il rendering della pagina, uno script asincrono viene eseguito parallelamente al caricamento della pagina.
Scanner gratuito dei rischi legati a cookie, GDPR e TDDDG
Quanto è alto il rischio di multe per il vostro sito web? Inserite subito l'indirizzo del vostro sito web e scoprite quali cookie e servizi di terze parti rappresentano un rischio.
Perché si usa async?
L'attributo async viene utilizzato per migliorare le prestazioni dei siti web. Poiché gli script asincroni non bloccano il caricamento della pagina, il contenuto viene visualizzato più velocemente, migliorando in modo significativo l'esperienza dell'utente.
Ciò è particolarmente importante per i siti web che utilizzano molti script esterni, come i codici di tracciamento o gli annunci pubblicitari.
Quali sono i vantaggi dell'utilizzo di Async?
- Tempi di caricamento delle pagine accelerati:
Gli script asincroni vengono caricati ed eseguiti in parallelo con il resto della pagina, con conseguenti tempi di caricamento più rapidi. - Esecuzione indipendente:
Poiché gli script vengono eseguiti in modo indipendente l'uno dall'altro, il caricamento di una risorsa non può bloccare le altre, rendendo l'esperienza di caricamento più fluida ed efficiente. - Ottimizzazione per i siti di contenuto:
I siti web che fanno molto affidamento su risorse esterne possono utilizzare async per migliorare i tempi di caricamento e l'esperienza dell'utente.
Ci sono problemi nell'utilizzo di async?
- Ordine di esecuzione imprevedibile:
Poiché gli script async vengono eseguiti nell'ordine in cui vengono caricati, ciò può causare problemi se l'ordine degli script è importante. Questo può portare a errori, soprattutto se uno script dipende da un altro. - Compatibilità con i browser più vecchi:
Sebbene async sia supportato dalla maggior parte dei browser moderni, può causare problemi nei browser più vecchi.
Come si usa async nella pratica?
Un esempio tipico di utilizzo dell'attributo async è il seguente:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">.
- <titolo>Pagina di esempio</titolo>
- <script src="script1.js" async></script>
- <script src="script2.js" async></script>
- </head>
- <body>
- <h1>Benvenuto nel mio sito</h1>
- <p>Questa è una pagina di esempio.
- </p></body></html>
In questo esempio, gli script script1.js e script2.js vengono caricati ed eseguiti in modo asincrono, indipendentemente dall'ordine in cui compaiono nel documento o dal momento in cui vengono caricati completamente.
Nota sull'uso di CCM19
Lo script CCM19 non deve essere fornito con l'attributo async, poiché ciò può compromettere la funzionalità del Gestore dei consensi. CCM19 deve garantire che tutti i consensi necessari siano ottenuti prima di caricare altri script. Pertanto, deve essere eseguito in anticipo e nell'ordine corretto, al fine di implementare correttamente le norme sulla protezione dei dati.
