W3 Total Cache e Cloudflare

W3 total Cache e Cloudflare

Indice

Cosa sono W3 total Cache e Cloudflare e come configurarli

W3 Total Cache detto in breve ottimizza la gestione delle cache del tuo sito. Memorizzando le cache accelera le tue pagine, offrendo file statici anziché contenuti dinamici alleggerendo il lavoro del tuo server web.

Cloudflare invece aumenta la velocità del tuo sito utilizzando un altro metodo, ovvero, ottimizzando la consegna dei contenuti attraverso un CDN (Rete per la consegna di contenuti).

Quindi ovunque tu ti trova, otterrai i dati del tuo sito Web dallo stesso posto. I CDN lo cambiano creando più versioni globali dei tuoi dati.

In tal modo, i visitatori possono scaricare file statici come immagini e video dal data center più vicino a loro, piuttosto che dal tuo server web remoto (riducendo notevolmente i tempi di download).

Combinando insieme W3 Total Cache e Cloudflare avrai quindi un ottimizzazione che ridurrà il tempo di caricamento del tuo sito web.

Come configurare le cache di W3 total Cache

Inizia installando e attivando W3 Total Cache. Puoi installarlo dalla dashboard di WordPress andando su Plugin / Aggiungi nuovo / Cerca / Installa / Attiva.

W3 total Cache e Cloudflare

1. Configurare le impostazioni generali

La prima cosa da fare è configurare le Impostazioni generali di W3 Total Cache:

W3 total Cache e Cloudflare

Clicchiamo su General Settings e iniziamo:

1. General

Non tocchiamo nulla in questa schermata controlliamo solo che sia impostata su Enable.

W3 total Cache e Cloudflare

2. Page Cache

Attiviamo Paga Cache e il disco che deve essere Enhanced. (Questa opzione velocizza la sola cache della pagina).

W3 total Cache e Cloudflare

3. Minify

Minify riduce il codice del tuo sito senza perdere alcuna funzionalità, ma dato che Cloudflare ha già questa opzione lasciamola disattivata.

W3 total Cache e Cloudflare

4. Database Chache

Deve esse disabilitato a meno che no si disponga di un server o VPS (virtual private server) personale, perché sugli hosting condivisi questa opzione potrebbe rallentare il caricamento del tuo sito mettendo sotto sforzo la CPU del tuo server in quanto memorizza le cache nel database del server stesso.

W3 total Cache e Cloudflare

5. Object Chache

Abilitiamo Object Chache ma se dovessi avere rallentamenti della dashboard di WordPress, ti consiglio di disattivarla, ma per ora attiviamola.

W3 total Cache e Cloudflare

6. Browser Chache

Attiviamo Browser Cache, questa opzione accelera il caricamento del tuo sito memorizzando nella cache le risorse statiche nei browser dei tuoi visitatori, evitando di ricaricare i contenuti statici.

W3 total Cache e Cloudflare

7. CDN

Lasciamo disattivato CDN dato che utilizzeremo Cloudflare.

W3 total Cache e Cloudflare

8. Reverse Proxy

Lasciamolo disattivato (richiede l’hosting privato).

W3 total Cache e Cloudflare

9. Debug

Controlliamo che sia tutto disattivato in questa zona. A meno non stiate provando a eseguire il debug del sito in quanto queste opzioni aggiungono solo codice non necessario al sito.

W3 total Cache e Cloudflare

*Adesso torniamo al menu W3 total Cache nella barra laterale della nostra dashboard e clicchiamo su Page Cache.

2. Configurare Page Cache

1. General

Abilita (Cache posts page / Cache feeds / Cache SSL(solo se hai un certificato SSL) / Don’t cache pages) lascia tutto il resto ai settaggi standard.

W3 total Cache e Cloudflare

2. Cache Preload

Usa questi settaggi:

Automatically adescare prime the page cache: Attivo

Update intervall: 900 sc

Page per interval: 10sc

Sitemap URL: inserisci il link effettivo alla Sitemap del tuo sito.  Di solito “miosito.com/sitemap.xml” o “miosito.com/sitemap_index.xml” se non la conosci puoi provare su questo sito: evemilano.

Preload the post cache upon publish events: Attivo

W3 total Cache e Cloudflare

*Adesso torniamo al menu W3 total Cache nella barra laterale della nostra dashboard e clicchiamo su Object Cache.

3. Configurare Object Cache

1. Advance

In questa pagina lasciamo tutto di default assicuriamoci solo di impostare questi due parametri:

Default lifetime of cache objects: 180sc

Garbage collection interval: 3600sc

W3 total Cache e Cloudflare

*Adesso torniamo al menu W3 total Cache nella barra laterale della nostra dashboard e clicchiamo su Browser Cache.

4. Configurare Browser Cache

1. General

In questa pagina lasciamo tutto di default assicuriamoci solo che siano attive queste caselle:

1. Set Last-Modified header: Attivo

2. Set expires header: Attivo

3. Set cache control header: Attivo

4. Set entity tag (ETag): Attivo

5. Set W3 Total Cache header: Attivo

Enable HTTP (gzip) compression: Attivo

W3 total Cache e Cloudflare

*Adesso torniamo al menu W3 total Cache nella barra laterale della nostra dashboard e clicchiamo su Extensions.

5. Attiviamo estensione Cloudflare

1. Cloudflare

Attiviamo l’estensione Cloudflare.

W3 total Cache e Cloudflare

A questo punto se non hai configurato prima Cloudflare qui trovi la guida completa con il cPanel di VHosting.

Se invece l’hai già attivato andiamo avanti alla fase finale.

*Torniamo al menu W3 total Cache nella barra laterale della nostra dashboard e clicchiamo su Extensions.

Andiamo su Cloudflare e clicchiamo su impostazioni ci ritroveremo in una nuova schermata clicchiamo su Authorize.

W3 total Cache e Cloudflare

mettiamo l’indirizzo e-mail per l’account CloudFlare e la chiave API CloudFlare. (La chiave API Key puoi trovarla in questa guida).

W3 total Cache e Cloudflare

Una volta inserita la chiave di accesso e l’email di registrazione Cloudflar clicchiamo su Next.

W3 total Cache e Cloudflare

e confermiamo il nostro sito.

Ora sempre nella stessa schermata scorriamo verso il basso fino a trovare la voce Cloudflare: Content Processing e verifichiamo che siano attive le voci: Minify IS / Minify CSS / Minify HTML.

W3 total Cache e Cloudflare

Complimenti, abbiamo finito è stata dura ma ce l’abbiamo fatta!

*In seguito potrai configurare SSL e le impostazioni di sicurezza in questa pagina, ma per ora lasciamoli come predefiniti.

Comments (4)

  • Daniela Bino 29 Aprile 2023 at 4:00 pm Reply

    Buongiorno, Fabio.
    Se ci fosse anche MemCached, oltre a CloudFlare free, in W3 Total Cache va attivata anche l’estensione di CloudFlare o va in conflitto con la MemCached?

    Grazie,
    Daniela

    • Fabio Palmieri 24 Giugno 2023 at 11:31 am Reply

      Possono lavorare insieme, ma consiglierei prima di abilitare la cache dinamica e assicurarti che tutto funzioni correttamente. Poi se davvero ne hai bisogno abilita Cloudflare.

      • Fabio Palmieri 14 Luglio 2024 at 12:48 pm Reply

        Ottima osservazione 🙏

    • Fabio Palmieri 14 Luglio 2024 at 12:50 pm Reply

      Si potrebbe andare in conflitto, io l’ho dovuto disabilitare perché mi bloccava l’accesso alle pagine del sito

Lascia un commento

La tua email non sarà pubblicata.*


Il periodo di verifica reCAPTCHA è scaduto. Ricaricare la pagina.