Tag async e defer JavaScript in WordPress

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.

A questo punto configura il plugin; quindi seleziona la voce Impostazioni e tra le opzioni menu fai clic sul Plugin. Nella schermata delle impostazioni clicca su Setting; metti la spunta su Async o Defer e poi premi sul pulsante Save setting per terminare la configurazione.

Tag async e defer JavaScript in WordPress

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.

Commenti

Articoli che potrebbero interessarti

Come aggiornare npm dal cmd

Se non sai come aggiornare npm dal CMD per evitare di rischiare la perdita delle tue applicazioni JavaScript che hai sul PC, installando nuovamente NodeJS; in questa guida ti spiego la procedura per aggiornare il package manager dal terminale di Windows. Aggiornare NodeJS e npm in Windows A differenza di altri sistemi operativi , aggiornare NodeJS in Windows a linea di comando non è possibile senza il gestore dei pacchetti Chocolate ; "il package manager per Windows"! Altrimenti bisogna scaricare la nuova versione e fare l'installazione; viceversa aggiornare npm o meglio il (Node package manager) può essere fatto sia dal Prompt dei comandi che da Windows Power Shell. Procedura per aggiornare npm dal CMD Vediamo adesso la procedura su come aggiornare npm dal CMD di Windows a linea di comando senza installare nuovamente Node rimuovendo la vecchia versione dal PC; quindi: Apri una finestra del terminale premendo il tasto di Windows + R . Digita cmd e premi

Continua »

Come creare un Blog gratis su Google

In questo articolo su come creare un Blog gratis su Google ti spiego cosa fare per aprire un Blog quando non si hanno i mezzi e le conoscenze tecniche per farlo; di fatto è impossibile e quanto segue non è una giustificazione ma non tutti hanno il tempo, la passione e la fortuna di poter studiare informatica e specializzarsi in linguaggi di programmazione per il Web! Allora "viva Google" che ci consente di creare un Blog gratuitamente dove postare i nostri contenuti. Piattaforma per i Blog di Google Se desideri sapere come creare un Blog su Google ti accontento subito; la risposta è con "Blogger" ma se vuoi qualche consiglio e una descrizione della procedura allora dovresti continuare la lettura. Blogger è la piattaforma per creare Blog su Google. Funziona benissimo e non serve essere dei Guru dell'informatica per crearne uno; bisogna solo avere un account per registrasi e saper fare click; per tutto il resto, se sai creare un ipertesto con "

Continua »

Come funziona un chatbot

Se ti stai chiedendo cosa sia e come funziona un chatbot probabilmente potrebbe essere per semplice curiosità; oppure sei in cerca di un software di messaggistica al quale affidare specifici compiti di assistenza agli utenti sulla tua piattaforma Web o la tua App. L' intelligenza artificiale ha preso piede più che mai negli ultimi anni diventando insieme alla block chain e computer quantico l' argomento più discusso in ambito informatico. Cosa significa e come funziona un chatbot Un chatbot è un software di messaggistica istantanea che può simulare una chat o una vera conversazione umana; in qualche modo cerca di non farla apparire troppo robotica e il più naturale possibile per automatizzare processi noti. Il suo utilizzo è molto vantaggioso applicato alla logica di Business per fornire assistenza e supporto nelle procedure più comuni per sostituire l'uomo; questo fa si che siano delegate all'operatore solo quei casi che sfuggono alla logica che anche se in molti

Continua »

Come navigare in incognito con Internet Explorer

Se cerchi maggiore privacy quando navighi in rete dal tuo ufficio e ti interessa sapere come navigare in incognito con Internet Explorer ; ho scritto questa guida proprio per aiutarti e ti garantisco che in meno di cinque minuti risolverai il problema. Impostare il Browser che ha accompagnato gli utenti Windows per tanti anni ma ancora in uso su tanti PC è veramente un gioco da ragazzi. La navigazione anonima che ti consente di navigare in privato esclude alcuni dati di navigazione, tutelandoci da sguardi indiscreti e questo piace molto alle persone riservate. Monitoraggio in rete Così come su altri browser , navigare in incognito con Internet Explorer per restare anonimi si intente escludere dal monitoraggio parte delle operazioni svolte all'interno di una rete LAN su internet; le cose iniziano a complicarsi se non vogliamo essere rintracciati! In tal caso solo navigando tramite Proxy o rete Tor si è schermati dal monitoraggio. Navigare in incognito con IE Come naviga

Continua »

Romano Carmine

Cerca nel blog