Come faccio a combinare i file sul mio sito WordPress?

Procédure

Che cos'è la combinazione?

La combinazione è l'azione di unire tutti i file CSS o JS di un sito in un unico file. Questo ha l'effetto di ridurre il numero di richieste HTTP al sito, rendendolo più veloce. A differenza della minificazione, la combinazione dei file è più difficile da implementare perché cambia l'ordine di caricamento dei file, il che può causare errori sul sito e renderlo inutilizzabile, ma d'altra parte i guadagni in termini di prestazioni sono generalmente maggiori. Per ovviare a questo problema, i file vengono generalmente raggruppati in più file anziché in uno solo; l'efficienza della combinazione è leggermente ridotta, ma questo riduce i problemi che può causare.

Per chiarire meglio le cose, prendiamo l'esempio di una pagina di un sito senza combinazione e osserviamo il numero di file CSS caricati:

24 delle richieste effettuate sulle 73 inviate provengono da file CSS, ovvero quasi un terzo delle richieste. Una volta combinati i file, questa stessa pagina carica ora solo 12 file, con una riduzione del 50% del numero di richieste inviate per i file CSS.

Come si combinano i file sul sito?

Per combinare i file su un sito WordPress, dovrete utilizzare un'estensione che faccia questo lavoro per voi, poiché non è possibile combinare manualmente i file CSS/JS su un sito WordPress senza rischiare di compromettere il buon funzionamento del sito. Inoltre, ogni volta che si aggiornano le estensioni, il tema o addirittura WordPress, i file vengono riportati allo stato originale e le modifiche vanno perse.

Esistono diverse estensioni di WordPress che consentono di combinare i file, tra cui LWS Optimize, un'estensione per l'ottimizzazione del sito realizzata da LWS che può combinare i file CSS e JS.

Combinare i file con LWS Optimize

Per attivare la combinazione dei file del vostro sito, andate nelle impostazioni dell'estensione e poi nella scheda "Front-End":

Attivate quindi le opzioni "Combina i file CSS" e "Combina i file JS":

La combinazione di file è ora attivata sul sito, ma poiché è collegata al sistema di cache dei file, potrebbe essere necessario svuotare la cache in modo che abbia effetto sulle pagine del sito. A tale scopo, accedere alla scheda "Cache" e fare clic sul pulsante "Svuota cache" accanto all'azione "Cancellazione manuale":

È possibile che alcuni dei vostri file CSS/JS non funzionino quando vengono combinati o che semplicemente non vogliate che vengano combinati; in questo caso, potete tornare alla scheda "Front-End" e fare clic sul pulsante "Escludi file" dell'azione di vostra scelta per aprire la maschera di esclusione:

Nell'esempio precedente, il file "woocommerce.css", tutti i file con estensione elementor e tutti i file style.css sono stati esclusi dalla combinazione. Per rendere effettive le esclusioni, è necessario cancellare la cache dei file del sito.

Come LWS Optimize combina i file

Conclusione

Ora sapete come :

• Utilizzare le estensioni di WordPress per automatizzare la combinazione dei file senza compromettere il funzionamento del sito,
• Configurare l'estensione LWS Optimize per combinare i file CSS e JS in modo efficiente e gestire le eccezioni,
• Riconoscere l'impatto positivo della combinazione sul numero di richieste HTTP e, di conseguenza, sulla velocità di caricamento del sito.

Ottimizzando il vostro sito con questi metodi, offrirete ai vostri visitatori un'esperienza d'uso più veloce e piacevole, migliorando potenzialmente anche il posizionamento sui motori di ricerca. 🌐

Ci auguriamo che questo articolo vi abbia fornito le conoscenze necessarie per aumentare le prestazioni del vostro sito WordPress. Grazie per aver letto e sentitevi liberi di condividere le vostre esperienze o di porre qualsiasi domanda lasciando un commento qui sotto! 😊👇