Minimizza le risorse (HTML, CSS e JavaScript)

Questa regola viene attivata quando PageSpeed Insights rileva che le dimensioni di una delle risorse possono essere ridotte mediante minimizzazione.

Panoramica

Per minimizzazione delle risorse si intende l'eliminazione dei byte superflui, come le interruzioni di riga, i rientri e gli spazi in più. La compattazione delle risorse HTML, CSS e JavaScript consente di ridurre i tempi di esecuzione, analisi e download. Inoltre, per le risorse CSS e JavaScript è possibile ridurre ulteriormente le dimensioni dei file rinominando le variabili, a patto che il file HTML venga aggiornato correttamente per far sì che i selettori continuino a lavorare.

Consigli

Devi minimizzare le risorse HTML, CSS e Javascript.

Per minimizzare il file HTML, puoi utilizzare l'estensione PageSpeed Insights di Chrome per generare una versione ottimizzata del codice HTML. Sottoponi la pagina HTML ad analisi e seleziona la regola "Minimizza HTML". Fai clic su "Visualizza contenuti ottimizzati" per acquisire il codice HTML ottimizzato.

Per minimizzare le risorse CSS, puoi provare a utilizzare YUI Compressor e cssmin.js.

Per minimizzare le risorse JavaScript, prova invece Closure Compiler, JSMin o YUI Compressor. Puoi creare un processo di compilazione che utilizzi questi strumenti per minimizzare e rinominare i file di sviluppo salvandoli in una directory di produzione.