Come installare e configurare la cache totale W3 per principianti

Spesso riceviamo complimenti dagli utenti per la velocità di caricamento del nostro sito. Tutti vogliono conoscere il segreto dietro un sito WordPress a caricamento rapido. Oltre a un buon hosting web e plug-in ben codificati, devi assicurarti di utilizzare una cache adeguata e di disporre di una rete CDN (rete di distribuzione dei contenuti). Per la nostra configurazione, utilizziamo un plug-in chiamato W3 Total Cache. A causa dell’elevato volume di richieste, abbiamo deciso di creare una guida passo passo su come installare e configurare W3 Total Cache per i principianti.


In questo articolo, ti mostreremo come installare W3 Total Cache e configurarlo correttamente per massimizzare i vantaggi. Ti mostreremo anche come combinare W3 Total Cache con il servizio CDN per rendere il tuo sito ancora più veloce.

Prima di iniziare, ti consigliamo vivamente di controllare le prestazioni del tuo sito utilizzando Google Page Speed ​​e Pingdom Tools. Questo ti darà un confronto prima e dopo.

Di seguito è riportato lo screenshot dei nostri risultati di Pingdom:

WPBeginner Pingdom, 21 novembre

Iniziamo con la nostra configurazione di W3 Total Cache.

Tutorial video

Iscriviti a WPBeginner

Se non ti piace il video o hai bisogno di ulteriori istruzioni, continua a leggere.

Che cos’è W3 Total Cache?

W3 Total Cache è il plugin di ottimizzazione delle prestazioni di WordPress più veloce e completo. Scelto da molti siti popolari tra cui: AT&T, Mashable, Smashing Magazine, WPBeginner e milioni di altri. W3 Total Cache migliora l’esperienza utente del tuo sito migliorando le prestazioni del tuo server, memorizzando nella cache ogni aspetto del tuo sito, riducendo i tempi di download e fornendo un’integrazione trasparente della rete di distribuzione dei contenuti (CDN).

Installazione di W3 Total Cache in WordPress

Prima di installare W3 Total Cache, è necessario assicurarsi di disinstallare tutti gli altri plugin di memorizzazione nella cache (ad esempio WP Super Cache). Se non lo fai prima dell’installazione, il plug-in avrà problemi all’attivazione.

Abbiamo una guida molto approfondita che spiega come installare un plugin WordPress che puoi seguire. Oppure puoi seguire la breve guida di seguito:

Vai al pannello di amministrazione di WordPress e fai clic su Plugin »Aggiungi nuovo. Cerca “W3 Total Cache” e dovresti vedere risultati come l’immagine qui sotto:

Installazione del plug-in W3 Total Cache per WordPress

Fare clic sul pulsante Installa ora e quindi attivare il plug-in.

Impostazioni e configurazione della cache totale W3

W3 Total Cache è un plugin molto potente, quindi ha tantissime opzioni. Questa potrebbe essere una cosa positiva o negativa. Per coloro che sanno come usare queste opzioni, sono una miniera d’oro. Per la maggior parte dei principianti, queste opzioni potrebbero essere piuttosto complicate e confuse. Visiteremo ciascuna di queste opzioni in dettaglio, in modo da poter impostare correttamente W3 Total Cache. Iniziamo con le impostazioni generali.

impostazioni generali

Puoi andare alla pagina Impostazioni generali facendo clic sul pulsante del menu Prestazioni nel pannello di amministrazione di WordPress. Qui è dove imposterai il plugin configurando le impostazioni di base. Assicurati di essere sulla pagina delle impostazioni generali e non sulla pagina Dashboard promozionale che ha questo plugin.

Pagina delle impostazioni generali della cache totale W3

Che cos’è la cache della pagina?

La prima opzione che vedi in questa pagina è Cache Pagina. È responsabile della creazione di pagine cache statiche per ogni pagina caricata, quindi non viene caricata dinamicamente ad ogni caricamento della pagina. Abilitando questa opzione, ridurrete significativamente il tempo di caricamento. Fare riferimento all’immagine seguente per vedere come funziona la cache delle pagine:

Che cos'è la cache della pagina?

Come puoi vedere normalmente quando un utente arriva sul tuo sito, WordPress esegue script PHP e query MySQL nel database per trovare la pagina richiesta. Quindi PHP analizza i dati e genera una pagina. Questo processo richiede risorse del server. Con la memorizzazione nella cache della pagina attivata, è possibile saltare tutto il carico del server e mostrare una copia cache della pagina quando un utente lo richiede.

Per l’hosting condiviso utilizzato dalla maggior parte dei principianti, il metodo Disk: Enhanced è altamente raccomandato. È necessario selezionare la casella Abilita cache pagina e salvare tutte le impostazioni.

Impostazione della cache della pagina in W3 Total Cache per WordPress

Per la maggior parte delle persone, questo è tutto ciò che devi fare con la memorizzazione nella pagina. Poiché questa guida è rivolta agli utenti di livello principiante, salteremo le impostazioni avanzate della memorizzazione nella cache della pagina perché le opzioni predefinite sono sufficienti.

Passeremo anche a Minify, Database Cache e Object Cache. Il semplice motivo è che non tutti i server forniscono risultati ottimizzati con queste impostazioni. La prossima opzione che vedrai è la cache del browser.

Cos’è la cache del browser?

Ogni volta che un utente visita un sito Web, il browser Web scarica tutte le immagini, i file CSS, gli script Java e altri file statici in una cartella temporanea per migliorare l’esperienza dell’utente. In questo modo, quando lo stesso utente passa alla pagina successiva, verrà caricato molto più velocemente perché tutti i file statici si trovano nella cache del browser.

L’opzione Cache del browser in W3 Total Cache imposta un limite di tempo nella cache del browser. Considerando che non cambi il tuo logo ogni giorno, avere file statici come quelli memorizzati nella cache per 24 ore non ti fa male. Seleziona l’opzione Abilita nella cache del browser e fai clic sul pulsante Salva tutte le impostazioni. Dopo averlo fatto, allora visitiamo il Prestazioni »Cache del browser pagina per ulteriori impostazioni.

Impostazione delle opzioni della cache del browser in W3 Total Cache

Come puoi vedere nell’immagine sopra, abbiamo praticamente abilitato tutto tranne il 404. Quando salvi le impostazioni, tutte le impostazioni di seguito in quella pagina si prenderanno automaticamente cura di se stesse.

Nelle nostre configurazioni WordPress gratuite, queste sono le impostazioni predefinite che attiviamo.

Che cos’è un CDN?

CDN è l’acronimo di Content Delivery Network che ti consente di servire i tuoi contenuti statici da più server cloud anziché da un solo server di hosting. Ciò consente di ridurre il carico del server e accelerare il sito Web.

Abbiamo creato un’infografica su Che cos’è un CDN e perché hai bisogno di un CDN per il tuo sito WordPress. Ti consigliamo vivamente di verificarlo, in modo da poter prendere una decisione consapevole.

W3 Total Cache supporta MaxCDN, Amazon S3, Rackspace Cloud e Amazon Cloud Front. WPBeginner sta usando MaxCDN (perché usiamo MaxCDN). Questa sezione si applica solo ai siti che utilizzano CDN o che stanno pianificando di utilizzare CDN. Se pensi di utilizzare un CDN, ti consigliamo MaxCDN.

La prima cosa che devi fare è creare una Pull Zone nella tua dashboard MaxCDN. Accedi al tuo account MaxCDN, fai clic su Gestisci zone e quindi fai clic sul pulsante Crea zona pull.

Configura cache totale W3 - Impostazioni MaxCDN

Nella schermata successiva ti verrà chiesto di fornire i dettagli per la tua zona pull.

  • Nome zona pull: è sufficiente assegnare un nome a questa zona pull in modo da poterlo identificare nel pannello MaxCDN.
  • URL del server di origine: inserisci l’URL del tuo sito Web WordPress che inizia con http: // e termina con una barra finale / alla fine.
  • Dominio CDN personalizzato: inserisci un sottodominio, ad esempio cdn.wpbeginner.com
  • Etichetta: fornire una descrizione per questa zona pull.
  • Compressione: l’attivazione della compressione consente di risparmiare larghezza di banda, pertanto si consiglia vivamente di selezionare questa casella.

Uno screenshot di come appariranno le impostazioni sopra menzionate:

Dettagli della zona pull di MaxCDN

Fare clic sul pulsante Crea e MaxCDN creerà la zona pull. Nella schermata successiva, ti mostrerà un URL come questo “wpb.wpbeginner.netdna-cdn.com” e salva questo URL in un file di testo usando il blocco note perché ne avremo bisogno in seguito.

Ora che abbiamo creato una Pull Zone, il passaggio successivo è impostare le aree di contenuto. Puoi farlo andando sul tuo pannello MaxCDN. Fai clic sul pulsante Gestisci accanto alla tua zona pull che hai appena creato. Nella schermata successiva, fai clic sulla scheda Impostazioni. Lo scopo della creazione di zone di contenuto è aggiungere sottodomini, in modo che possiamo migliorare l’esperienza dell’utente accodando nel browser dell’utente contenuti di sottodomini diversi. Per fare ciò, fai clic sul pulsante Domini personalizzati e aggiungi più sottodomini. Vedi lo screenshot qui sotto:

MaxCDN Sottodomini multipli

Dopo aver aggiunto domini personalizzati, fai semplicemente clic sul pulsante Aggiorna.

Il prossimo passo è impostare i record CNAME per i sottodomini. La maggior parte dei nostri provider di hosting WordPress consigliati come Hostgator, Bluehost, ecc. Forniscono un cPanel ai loro clienti per gestire diverse impostazioni del loro hosting. Descriveremo come impostare un record CNAME in cPanel.

Accedi alla dashboard di cPanel e fai clic su Editor di zone DNS semplice in Domini.

Configura cache totale W3 - Aggiunta di un record CNAME

Nella schermata successiva vedrai un modulo con due campi. Immettere il nome del sottodominio inserito durante la creazione dell’area contenuto. Ad esempio, inserirai cdn per cdn.wpbeginnner.com.

cPanel riempirà automaticamente l’intero dominio. Nel campo CNAME inserisci l’URL fornito da MaxCDN quando hai creato la pull area. È l’URL che ti abbiamo chiesto di salvare nel blocco note.

Configura cache totale W3 - Aggiunta di un record CNAME

Ripeti la procedura per tutti i tuoi sottodomini, ad es. cdn1, cdn2, ecc. Ricorda che solo il campo del nome cambierà ogni volta e il campo CNAME avrà sempre l’URL fornito da MaxCDN per la tua zona pull. Dopo aver creato i record CNAME per tutti i sottodomini, è tempo di tornare a WordPress e configurare MaxCDN con W3 Total Cache.

Vai a Prestazioni »Impostazioni generali. Scorri verso il basso fino a trovare la casella di configurazione CDN. Selezionare Abilita e selezionare MaxCDN dal menu a discesa Tipo CDN. Fai clic sul pulsante Salva tutte le impostazioni.

Abilitazione di MaxCDN nella cache totale W3

Dopo aver salvato le impostazioni, vedrai una notifica che ti informa di fornire informazioni per i campi “Chiave di autorizzazione” e “Sostituisci nome host predefinito con” e seleziona una zona pull. Fai clic sul link “Specifica qui” e W3 Total Cache ti porterà alla pagina CDN.

W3 Total Cache specifica le impostazioni per MaxCDN

Nella schermata successiva fai clic sul pulsante Autorizza. Questo ti porterà al sito Web di MaxCDN dove genererai una chiave di autorizzazione. Copia e incolla nuovamente questa chiave in W3 Total Cache. In “Sostituisci il nome host del sito con” inserisci il sottodominio creato in precedenza.

Immettere la chiave API MaxCDN e impostare il nome host nella cache totale W3

Salva tutte le impostazioni e tutto qui. Il tuo sito è ora configurato per servire file statici usando MaxCDN. Ora se carichi il tuo sito, gli URL delle immagini dovrebbero essere offerti dal sottodominio CDN anziché dal dominio effettivo del tuo sito. Per esempio:

https://www.wpbeginner.com/wp-content/uploads/2010/08/w3totalcachecdnconfig.gif

sarebbe sostituito con:

http://cdn.wpbeginner.com/wp-content/uploads/2010/08/w3totalcachecdnconfig.gif

Ora, se uno dei tuoi file statici non viene caricato con la rete CDN, probabilmente significa che dovrai specificarlo nelle impostazioni dell’elenco dei file personalizzati in W3 Total Cache. Abbiamo dovuto farlo per il plugin OIO Publisher che utilizziamo per pubblicare annunci. Se vai alla pagina delle impostazioni della CDN, vedrai l’opzione Avanzate:

Impostazioni avanzate della CDN nella cache totale W3

Aggiungi semplicemente tutti i file / cartelle che vuoi includere per la CDN. Inoltre, se noti, c’è un elenco di file rifiutati. Quando si esegue un piccolo aggiornamento del design, style.css non si aggiorna immediatamente. Quindi puoi inserirlo in un elenco di file rifiutati per il momento in cui stai apportando modifiche. Se desideri solo un’eliminazione di una volta, puoi farlo dalla dashboard di MaxCDN.

Tutto ciò che abbiamo coperto fino ad ora, funzionerà alla grande sulla maggior parte degli account di web hosting. Tuttavia, W3 Total Cache include molte altre opzioni. Faremo del nostro meglio per spiegare cosa sono e perché non li abilitiamo su tutti i siti.

minify

Minimizza semplicemente riduci le dimensioni dei tuoi file statici per salvarti ogni singolo kilobyte che puoi. Tuttavia, a volte generare quel file minimizzato può richiedere più risorse della risorsa che salverà. Non stiamo dicendo che è una funzione orribile. Stiamo semplicemente dicendo che potrebbe non essere la soluzione migliore per ogni server. Abbiamo sentito numerosi utenti lamentarsene e il nostro host (HostGator) ci ha consigliato di lasciarlo fuori. Se sei come noi (NON SAVVY con gergo server), allora ascolta il tuo provider di web hosting.

Memorizzazione nella cache del database

La memorizzazione nella cache del database riduce il carico del server memorizzando nella cache le query SQL. Ciò elimina i tempi di elaborazione della query del database (che potrebbe non essere molto per i siti più piccoli). Quando abbiamo iniziato a usarlo, sembrava caricare molto il nostro server. Il nostro host ci ha consigliato di disattivarlo. Invece, hanno finito per attivare la cache SQL integrata per noi. Ancora una volta, utilizzare questa opzione a proprio rischio. Puoi provarlo e vedere come influisce sul tempo di caricamento del tuo sito. Quindi spegnilo semplicemente, se l’impatto non è abbastanza significativo. La maggior parte degli host non lo consiglia per gli account di hosting condiviso.

Memorizzazione nella cache degli oggetti

Se si dispone di un sito altamente dinamico, sarà utile utilizzare la memorizzazione nella cache degli oggetti. Viene utilizzato principalmente se si dispone di query complesse sul database che sono costose da rigenerare. Per la maggior parte dei principianti, ignoralo.

Ora che hai tutto configurato, è meglio creare un backup per la configurazione della cache totale W3. Dopotutto, abbiamo approfondito molto in questo articolo. Dovrai tornare alla pagina delle impostazioni generali della cache totale W3. C’è una sezione per le impostazioni di importazione / esportazione. Fai clic per scaricare il file delle impostazioni dal tuo server.

Speriamo che questo articolo ti sia stato utile. Per quegli utenti che non sono ancora stati venduti sul concetto di CDN, ti consigliamo vivamente di provarlo. CDN collabora con l’host Web per ridurre il carico del server e aumentare le prestazioni del sito. Stiamo usando MaxCDN e ti consigliamo di fare lo stesso. (Provali per solo un mese e vedrai perché li consigliamo).

Se avete domande, non esitate a chiedere nei commenti qui sotto.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map