Come trovare i file JS da escludere dalla Minificazione

I problemi con la minificazione dei file JavaScript possono essere un osso duro da risolvere, specialmente quando coinvolgono molteplici file del tuo sito. 

Nella nostra documentazione troverai il tutorial “Risolvere i problemi con la minificazione”, che si basa su un processo di esclusione e può essere un po' lungo da portare a termine. Tuttavia, a volte è possibile trovare in modo più veloce e diretto i file problematici da escludere.

Se stai usando l' opzione avanzata Risorse Statiche, assicurati di disattivarla prima di continuare con questo tutorial.

In questo esempio, ti spieghiamo come fare usando Chrome come browser.

1

Apri la sezione Strumenti per lo Sviluppo (o Developer Tools, se hai il browser in inglese). Per farlo, fai clic destro sulla pagina da analizzare e scegli Ispeziona Elemento (Inspect Element).

2

A destra dovresti vedere un indicatore rosso di errore:

3

Cliccaci su per aprire la Console, poi fai clic sul file che ti viene indicato nel messaggio di errore:

4

Questo ti porterà direttamente nel codice del file che è collegato all'errore. Cerca la parte evidenziata in rosso e copia una parte di quel codice:

5

Apri una nuova finestra del browser e carica le versione non in cache della pagina. Per farlo basta semplicemente aggiungere ?nocache all'URL della pagina—questo ti permette di caricare un versione non in cache e non minificata della tua pagina. Questo passaggio è necessario per poter trovare l'URL originale dei file, prima cioè dell'intervento di WP Rocket.

Un URL non in cache, sarebbe simile a questi: http://esempio.com/?nocache, o http://esempio.com/una-pagina/?nocache.

6

Apri Strumenti per lo Sviluppo e clicca sui 3 puntini sulla destra, poi seleziona Search All Files:

7

Incolla nel box di ricerca la porzione problematica del codice che hai copiato allo step 4. In questo modo troverai il file che contiene quella porzione di codice:

8

Sfortunatamente non è possibile copiare il nome del file da questa schermata. Quindi dovrai andare nella sezione Network (aggiorna la pagina di modo che vengano caricati tutti i file della pagina) e cercare il file nella lista:

Una volta trovato il file originale, fai clic destro sul nome del file, Copy e poi Copy Link Address.

9

Incolla l'indirizzo del file JS che hai appena trovato nel box "Escludere JS" (scheda File Statici del pannello WP Rocket):

Una volta salvate le modifiche, torna sul tuo sito (versione in cache), aggiorna la pagina e controlla di nuovo la Console del browser per verificare che non ci siano altri errori JavaScript da correggere.