Caricare i file JS nel footer o in modo asincrono

⛔️ Obsoleto: Questo documento riguarda una caratteristica di WP Rocket che non è più disponibile.
Se ancora usi questa opzione, ti consigliamo di aggiornare WP Rocket alla versione più recente.

Come abbiamo già spiegato nell'articolo  JavaScript e CSS di blocco esterno nei contenuti above-the-fold: PageSpeed, in termini di performance sarebbe sempre meglio caricare i file JavaScript nel footer del sito o in maniera asincrona: in questo modo si evita che blocchino lo scaricamento di altre risorse e che producano rallentamenti.

Nota: Queste sono le opzioni di WP Rocket più avanzate. È necessario avere delle conoscenza tecniche approfondite per configurare correttamente queste opzioni. Per favore, utilizzale solamente se sai esattamente su quali file lavorare e perché. 

Se vuoi procedere con questa operazione, WP Rocket ti mette a disposizione due opzioni: 

  • File JS con caricamento differito
  • File JS da includere nel footer durante il processo di minificazione

File JS con caricamento differito

Differire un file JavaScript significa che la sua analisi avverrà solamente dopo il caricamento del contenuto della pagina. Nessun file JS esterno verrà caricato fino a che non sarà terminato quello del resto del documento. 
Per questa ragione, non dovresti differire alcun JS che non sia cruciale per il caricamento corretto della pagina. 
Puoi differire con sicurezza tutti quei file che fanno qualcosa solamente dopo il caricamento dell'intera pagina, per esempio gli eventi attivati a livello utente.

Vedrai anche che c'è la possibilità di scegliere l'opzione " Attendi finché questo file è caricato". Quest'opzione funzionerà quando sono presenti delle dipendenze tra file JS, ovvero quando lo script che vuoi differire ha altri script JS a lui dipendenti. Per cui il primo file JS deve essere caricato, e poi gli script dipendenti verrano scaricati di conseguenza: se l'ordine non viene mantenuto, qualcosa potrebbe rompersi!

Nota: Se stai usando la minificazione JS sul tuo sito, non potrai differire i file JS come spiegato sopra. Per cui continua a leggere!

File JS da includere nel footer durante il processo di minificazione

Per default, WP Rocket caricherà i file minificati o nell'header o nel footer della pagina, in base al modo in cui i file sono stati originariamente accodati. Ma, se vuoi spostare nel footer un file caricato nell'header, puoi usare questa opzione.

WP Rocket ti permette dunque di specificare quali file caricare nel footer dopo la minificazione.Dal momento in cui i file non possono essere caricati asincronicamente, dovresti aggiungere i file con il loro nome originale, non con quello "minificato". Quando aggiungi i file a questo campo, WP Rocket li caricherà prima di tutto nel footer.