Come ridurre i file CSS / JavaScript in WordPress

Vuoi minimizzare i file sul tuo sito WordPress? Minimizzando i tuoi file WordPress CSS e Javascript puoi caricarli più velocemente e velocizzare il tuo sito WordPress. In questa guida, ti mostreremo come ridurre i file CSS / Javascript in WordPress per migliorare le prestazioni e la velocità.

Cos'è Minify e When You You Need?

Il termine 'Minify' è usato per descrivere un metodo che riduce le dimensioni del tuo sito web. Raggiunge questo obiettivo rimuovendo spazi bianchi, linee e caratteri non necessari dal codice sorgente.

Di solito si consiglia di essere utilizzato solo per i file che vengono inviati ai browser dell'utente. Questo include file HTML, CSS e JavaScript. Puoi anche minimizzare i file PHP, ma PHP è un linguaggio di programmazione lato server e minimizzare non migliorerà la velocità di caricamento della pagina per i tuoi utenti.

L'ovvio vantaggio di minimizzare i file è il miglioramento della velocità e delle prestazioni di WordPress. I file compatti sono più veloci da caricare e migliorare la velocità del tuo sito.

Tuttavia, alcuni esperti ritengono che il miglioramento delle prestazioni sia molto piccolo per la maggior parte dei siti Web e non ne valga la pena. La minificazione diminuisce solo pochi kilobyte di dati sulla maggior parte dei siti WordPress. Puoi ridurre di più il tempo di ricarica semplicemente ottimizzando le immagini per il web.

Ecco un esempio di normale codice CSS:

corpo
margin: 20px;
padding: 20px;
color: # 333333;
background: # f7f7f7;

h1
font-size: 32px;
colore # 222222;
margin-bottom: 10px;

Dopo aver minimizzato il codice, sarà simile a questo:

body margin: 20px; padding: 20px; color: # 333; background: # f7f7f7 h1 font-size: 32px; margin-bottom: 10px

Se stai cercando di raggiungere il punteggio 100/100 sullo strumento Google Pagespeed o GTMetrix, la minificazione di CSS e JavaScript migliorerà in modo significativo il tuo punteggio.

Detto questo diamo un'occhiata a come minimizzare facilmente CSS / JavaScript sul tuo sito WordPress.

Minimizza CSS / Javascript in WordPress

La prima cosa che devi fare è installare e attivare il plugin Better WordPress Minify. Per ulteriori dettagli, consulta la nostra guida passo passo su come installare un plug-in di WordPress.

All'attivazione, il plugin aggiungerà una nuova voce di menu con l'etichetta "BWP Minify" alla barra di amministrazione di WordPress. Cliccando su di esso ti porterà alla pagina delle impostazioni del plugin.

Nella pagina delle impostazioni, devi controllare le prime due opzioni per ridurre automaticamente i file JavaScript e CSS sul tuo sito WordPress.

Ora puoi fare clic sul pulsante Salva modifiche per memorizzare le tue impostazioni.

Ci sono molte altre opzioni avanzate in questa pagina. Le impostazioni predefinite funzioneranno per la maggior parte dei siti Web, ma è possibile rivedere e modificare queste opzioni caso per caso.

Successivamente, è necessario andare al tuo sito web. Fai clic con il pulsante destro del mouse in qualsiasi punto e seleziona "Visualizza origine pagina" dal menu del browser.

Ora vedrai il codice sorgente HTML generato dal tuo sito WordPress. Se guardi da vicino, noterai che questo plugin carica i file CSS / JavaScript dalla cartella del plugin invece dei tuoi temi e plugin di WordPress.

Queste sono le versioni miniate dei tuoi file CSS e JavaScript originali. Meglio il plugin WordPress Minify li terrà memorizzati nella cache e serviranno le versioni miniate ai browser.

Questo è tutto, speriamo che questo articolo ti abbia aiutato a imparare come minimizzare il tuo sito WordPress. Potresti anche voler vedere la nostra guida definitiva su come velocizzare WordPress per i principianti.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi anche trovarci su Twitter e Facebook.