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:

Come faccio a combinare i file sul mio sito WordPress?

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 faccio a combinare i file sul mio sito WordPress?


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":

Come faccio a combinare i file sul mio sito WordPress?Come faccio a combinare i file sul mio sito WordPress?

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

Come faccio a combinare i file sul mio sito WordPress?Come faccio a combinare i file sul mio sito WordPress?

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":

Come faccio a combinare i file sul mio sito WordPress?Come faccio a combinare i file sul mio sito WordPress?

È 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:

Come faccio a combinare i file sul mio sito WordPress?

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! 😊👇

Vota questo articolo :

Questo articolo vi è stato utile ?

Article utile

Article non utileNo

Vous souhaitez nous laisser un commentaire concernant cet article ?

Si cela concerne une erreur dans la documentation ou un manque d'informations, n'hésitez pas à nous en faire part depuis le formulaire.

Pour toute question non liée à cette documentation ou problème technique sur l'un de vos services, contactez le support commercial ou le support technique

MerciMerci ! N'hésitez pas à poser des questions sur nos documentations si vous souhaitez plus d'informations et nous aider à les améliorer.


Vous avez noté 0 étoile(s)

Articoli simili

2mn lettura

Come si installa il plugin di affiliazione LWS su WordPress?

3mn lettura

Come si installa il plugin LWS SMS per WooCommerce su WordPress?

0mn lettura

Come posso pulire il mio sito WordPress con LWS Cleaner?

0mn lettura

In che modo gli strumenti LWS possono facilitare la gestione di WordPress?


Fate una domanda al team LWS e alla sua comunità