Potresti aver ricevuto PageSpeed Insights "Ritarda analisi JavaScript" durante l'esecuzione di un test di velocità del sito web. Ecco come eseguirlo facilmente in WordPress.
Differisci JavaScript in WordPress
Esistono tre metodi principali per posticipare l'analisi di JavaScript in WordPress. Un plugin per WordPress potrebbe rappresentare un'ottima soluzione per posticipare l'analisi di JavaScript. Esistono plugin sia gratuiti che premium per farlo. Con l'aiuto di due plugin molto popolari, vi mostreremo esattamente come farlo.
Utilizzare il metodo Varvy è un'opzione se sei un utente esperto di tecnologia e sei disposto a modificare il codice direttamente sul tuo sito per utilizzare lo snippet di Varvy.
È anche possibile ritardare automaticamente il caricamento degli script nel file functions.php del tema figlio aggiungendo un piccolo frammento di codice al file. Iniziamo con il primo metodo:
1. Plugin JavaScript asincrono gratuito
Frank Goossens ha creato un plugin gratuito per WordPress chiamato Async JavaScript, sviluppato dallo stesso ideatore del plugin virale Autoptimize.
Con esso, puoi semplicemente rinviare l'analisi di JavaScript utilizzando i metodi async o defer.
Per iniziare, installa e attiva il plugin gratuito da WordPress.org. Potrai quindi configurare il plugin nella sezione "JavaScript asincrono" della pagina "Impostazioni".
Nella parte superiore puoi abilitare la funzionalità del plugin e scegliere tra asincrono e differito.
JavaScript viene scaricato mentre l'HTML è ancora in fase di analisi durante il download asincrono, ma l'analisi HTML viene messa in pausa per eseguire JavaScript.
Questa funzionalità consente di scaricare JavaScript mentre l'HTML è ancora in fase di analisi e attende di eseguirlo dopo che l'HTML è stato analizzato.
Puoi scegliere come jQuery più avanti nella pagina. Se provi a posticipare l'analisi degli script jQuery, potresti compromettere le funzionalità principali del tuo sito web. Per sicurezza, ti consigliamo di escludere jQuery, ma se vuoi sperimentare con il differimento, va bene lo stesso. Testa il tuo sito web prima di lanciarlo.
Esiste anche una bella funzionalità intuitiva che ti consente di indirizzare temi o plugin specifici attivi sul tuo sito scegliendo se devono essere rinviati o meno, oltre alla possibilità di includere o escludere manualmente script specifici dal ritardo.
2. Utilizzare il plugin WP Rocket
Il plugin WP Rocket è uno dei pochi plugin di caching che consentiamo perché ha un'integrazione integrata per il caching a livello di server che si integra perfettamente con il plugin WP Rocket.
La scheda "Ottimizzazione file" della dashboard di WP Rocket include molte altre opzioni di ottimizzazione delle prestazioni e la possibilità di posticipare l'analisi di JavaScript, disponibile nella scheda "Prestazioni". Nella sezione "File JavaScript", è disponibile l'opzione "Carica JavaScript posticipato".
Utilizzare il metodo consigliato da Varvy
In precedenza in questo post abbiamo accennato al fatto che Patrick Sexton di Varvy consigliava di utilizzare un frammento di codice che attendesse il completamento del caricamento iniziale del sito prima di scaricare ed eseguire JavaScript.
Modificando il frammento di codice fornito da Varvy e aggiungendo poi lo script direttamente prima del tag di chiusura del tag body, è possibile implementare questo metodo utilizzando il frammento di codice fornito da Varvy come modello.
Puoi trovare altri articoli come questo sul Seahawk Media Blog .
Vuoi rendere veloce il tuo sito WordPress? Scegli il nostro servizio di ottimizzazione della velocità di WordPress .
