Se vuoi sapere come inserire il tag async e defer JavaScript in WordPress per migliorare il caricamento delle pagine degli script nel tuo sito Web; è bene avere le idee chiare sull'attributo Asinc o defer per ottenere le migliori prestazioni per le performance del tuo sito.
Differenza tra Async e Defer
Per fare questo tipo di scelta è necessario capire la differenza tra "ASYNC & DEFER "per il caricamento del JavaScript. La differenza tra il caricamento asincrono con Async e deferenziato con Defer è semplicissima! Nel primo caso:
- Utilizzando l'attributo "async" al tag script; il caricamento del codice JavaScript è bilanciato nel Parsing del Browser
- nel secondo invece "defer" il browser completa prima il caricamento della pagina e poi prosegue con quello per gli script.
Quindi puoi scegliere tra due metodi di ottimizzazione di WordPress ma tieni presente che con l'attributo defer alcune funzioni del sito hanno bisogno del caricamento completo del codice per funzionare. Un approfondimento sull'argomento puoi trovarlo a questo link.
 |
| Differenze caricamento script tra Async e Defer |
Come aggiungere il tag async e defer JavaScript in WordPress
Sarebbe meglio inserire una funzione nel file function.php ma è più comodo installare un plugin; specie per chi non conosce i linguaggi di programmazione per il Web come il PHP. Quindi:
- Con la punta del mouse posizionati su Plugin
- Tra le opzioni fai clic su Aggiungi nuovo con il tasto sinistro del mouse
- Nella casella di ricerca digita Async JavaScript.
- Premi sul pulsante Installa adesso.
- Fai click su Attiva.
Consigli
Applica gli attributi di caricamento degli script con criterio; ti consiglio di valutare se è il caso di applicare anche a jQuery l'attributo Defer o Async in siti WordPress che ne fanno largo uso.