Minimizza i file JavaScript per ridurre le dimensioni dei payload e i tempi di analisi degli script. La sezione Opportunità del report Lighthouse elenca tutti i file JavaScript non minimizzati, insieme ai potenziali risparmi in kibibyte (KiB) quando questi file vengono minimizzati:
Come minimizzare i file JavaScript
La minimizzazione è il processo di rimozione degli spazi vuoti e di qualsiasi codice non necessario per creare un file di codice di dimensioni inferiori, ma perfettamente valido. Terser è un noto strumento di compressione JavaScript. webpack v4 include per impostazione predefinita un plug-in per questa libreria, che consente di creare file di build minimizzati.
Indicazioni specifiche per lo stack
Drupal
Assicurati di aver attivato l'opzione Aggregate JavaScript files (Aggrega file JavaScript) nella pagina Amministrazione > Configurazione > Sviluppo. Puoi anche configurare opzioni di aggregazione più avanzate tramite moduli aggiuntivi per velocizzare il tuo sito concatenando, minimizzando e comprimendo gli asset JavaScript.
Joomla
Una serie di estensioni di Joomla può velocizzare il tuo sito concatenando, minimizzando e comprimendo i tuoi script. Esistono anche modelli che forniscono questa funzionalità.
Magento
Utilizza Terser per minimizzare tutti gli asset JavaScript del deployment di contenuti statici e disabilita la funzionalità di minimizzazione integrata.
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 verificarlo con l'estensione Strumenti per sviluppatori di reazione.
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.