Usare WP Rocket con CloudFlare

WP Rocket è totalmente compatibile e complementare a CloudFlare

Il primo passo per integrare CloudFlare e WP Rocket, è naturalmente aggiungere il tuo sito nel tuo account CloudFlare. Se ancora non lo hai fatto, ecco il tutorial di CloudFlare con le istruzioni: Create a Cloudflare account and add a website.

CloudFlare può procedere a minificare i file CSS e JS esattamente come WP Rocket, ma c'è una caratteristica extra che WP Rocket possiede ed è la concatenazione. Questo vuol dire che WP Rocket combina i file in piccoli gruppi per migliorare le compatibilità e la performance, e si tratta di una delle caratteristiche che non sono incluse in CloudFlare.

Ti raccomandiamo quindi di attivare la minificazione sia su CloudFlare che su WP Rocket così da avere il risultato migliore.

Nota: se stai usando CloudFlare come integrazione in WP Rocket, non hai bisogno di installare il plugin ufficiale di CloudFlare plugin. WP Rocket si occupa anche di provvedere agli indirizzi IP e, dalla versione 2.7, potrà effettuare anche la riscrittura del protocollo.

WP Rocket e l'add-on Cloudflare

Nella scheda Add-on troverai un'opzione per Cloudflare. Passa l'opzione Stato dei componenti aggiuntivi su ON:

Poi fai clic sul pulsante Modifica Opzioni. Ti porterà alla sezione Cloudflare apparsa sotto la scheda Add-on nel menu laterale delle impostazioni WP Rocket:

Queste sono le opzioni che dovrai configurare:

Chiave API Global

Entra nel tuo account CloudFlare e vedi la pagina Account. Vedrai pi√Ļ o meno questo:

Copia la chiave Global API e incollala nelle impostazioni WP Rocket. 

Definire la chiave API nel file wp-config.php

Se ne hai bisogno, puoi anche definire la tua chiave API nel tuo file wp-config. Questo può essere particolarmente utile se stai usando diversi siti sotto lo stesso account CloudFlare. Puoi anche aggiungere la chiave nel tuo file wp-config in questo modo (non dimenticare di sostituire il valore nell'esempio con la tua chiave API!):

define('WP_ROCKET_CF_API_KEY', '1238436u23873452394');

Puoi anche nascondere il campo della chiave API se preferisci mantenerlo segreto:

define( 'WP_ROCKET_CF_API_KEY_HIDDEN', true );

Account Email

Inserisci l'indirizzo email che hai usato per aprire il tuo account Cloudflare.

Zone ID

Inserisca la zone ID per il tuo dominio.

Modalità sviluppo

Questa opzione ti permette di regolare la modalità sviluppo, utile da utilizzare nel caso in cui tu stia facendo molte modifiche al tuo sito o se stai cercando la causa di un problema specifico. Dal sito di Cloudflare:

Lo sapevi? Attivare la Modalit√† Sviluppo pu√≤ essere particolarmenete utile quando stai effettuando modifiche sul contenuto che poi verr√† messo in cache (come immagini o file CSS e JS) e vorresti vedere le modifiche immediatamente.

Impostazioni ottimali

Raccomandiamo di attivare quest'opzione. WP Rocket seleziona automaticamente un set di opzioni di CloudFlare in modo da migliorare la performance del tuo sito. 

  • Imposta il livello di cache su Agressive
  • Attiviamo la minificazione di Cloudflare
  • Disattiviamo Rocket Loader  (il cui nome non ha niente a che vedere con WP Rocket)
  • Imposta la cache del browser di Cloudflare a 1 mese

Protocollo relativo

Attenzione! Questa impostazione dovrebbe essere attivata solo se usi l'opzione di Cloudflare Flexible SSL.
NON dovresti attivarlo quando il tuo sito WordPress funziona completamente con SSL!

L'opzione Protocollo relativo riscrive gli URL dei file statici (CSS, JS, immagini) in modo che usino un protocollo relativo ( // invece che http:// o https://).

Svuotare tutti i file di cache di Cloudflare

Non √® necessario far clic su questo pulsante ogni volta che cancelli la cache WP Rocket. 
Questa opzione svuota la cache di CloudFlare.  e serve soprattutto quando stai cercando di risolvere un problema o se per qualsiasi motivo pensi che Cloudflare stia servendo dei fil non aggiornati.

Risoluzione dei problemi

La causa di problemi pi√Ļ frequente quando usi CloudFlare √® l'opzione Rocket Loader. Se stai avendo problemi di visualizzazione o di altro tipo quando usi CloudFlare, disabilita il Rocket Load e svuota la cache per vedere se questo risolve il problema.