Minimizza JavaScript

Minimizza i file JavaScript per ridurre le dimensioni dei payload e il tempo di analisi degli script. Nella sezione Opportunità del report Lighthouse sono elencati tutti i file JavaScript non minimizzati, insieme ai potenziali risparmi in kibibyte (KiB) quando questi file vengono minimizzati:

Uno screenshot del controllo di Lighthouse per la minimizzazione di JavaScript

Come ridurre i file JavaScript

La minimizzazione è il processo di rimozione degli spazi vuoti e di qualsiasi codice non necessario per creare un file di codice più piccolo, ma perfettamente valido. Terser è uno strumento di compressione JavaScript molto utilizzato. Per impostazione predefinita, webpack v4 include un plug-in per questa libreria per creare file di compilazione minimizzati.

Indicazioni specifiche per stack

Drupal

Assicurati di aver attivato l'opzione Aggregate JavaScript files (Aggrega file JavaScript) nella pagina Amministrazione » Configurazione » Sviluppo.

Joomla

Esistono diverse estensioni di Joomla in grado di velocizzare il tuo sito concatenando, minimizzando e comprimendo i tuoi script. Esistono anche modelli che offrono questa funzionalità.

Magento

Utilizza Terser per minimizzare tutti gli asset JavaScript del deployment dei contenuti statici e disattiva la funzionalità di minimizzazione incorporata.

React

Se il tuo sistema di compilazione minimizza automaticamente i file JS, assicurati di eseguire il deployment della build di produzione della tua applicazione. Puoi verificare usando l'estensione React Developer Tools.

WordPress

Esistono diversi plug-in di WordPress in grado di velocizzare il tuo sito concatenando, minimizzando e comprimendo i tuoi script. Se possibile, puoi anche utilizzare un processo di compilazione per eseguire la minimizzazione in anticipo.

Risorse