Cloudflare è una sorta di CDN gratuito per proteggere il tuo server dagli attacchi e rendere il tuo sito Web più veloce e con una cache più robusta. In questo articolo ti insegneremo passo dopo passo come migliorare ulteriormente la tua velocità con la cache HTML di Cloudflare.
Nativamente CloudFlare non memorizza la Cache di HTML, ma è possibile attivare questa funzione e ottenere una velocità molto maggiore e quasi istantanea nel caricamento della tua pagina. Tieni presente che questa funzione potrebbe causare problemi a temi e contenuti del sito, quindi esegui dei test prima di attivarla.
Abilitazione della cache HTML di CloudFlare
Per abilitare la memorizzazione nella cache HTML in Cloudflare, vai semplicemente alla scheda Regole di pagina nella dashboard di CloudFlare e crea una nuova regola che copra tutti i domini o sottodomini, seleziona Livello cache e scegli l'opzione Cache tutto. Basta aggiungere come nell'immagine qui sotto:
In questo modo salva e svuota la cache di CloudFlare per applicare le nuove regole, ora il tuo sito funzionerà con la cache HTML e caricherà le pagine quasi istantaneamente.
Problemi con la cache HTML di Cloudflare
Uno dei piccoli errori che ho notato è che se mantieni attivo nel wp-admin di WordPress, c'è il rischio di aprire un editor di codici o un articolo obsoleto e salvarlo. Perciò aggiorna sempre la pagina una seconda volta o svuota la cache prima di modificarla.
Un altro problema è che a volte la barra di amministrazione di WordPress non appare. Non è successo a me, ma se per qualche motivo la barra wp-admin appare per persone non loggate, basta disattivarla tramite un codice in function.php.
Nonostante questi piccoli sacrifici credo valga la pena attivare la cache HTML, il tuo sito è molto più veloce. Forse con alcune impostazioni e aggiungendo eccezioni nelle Regole della pagina sarai in grado di utilizzare questa funzione senza problemi.
Per evitare problemi nel tuo Wp-Admin, puoi disattivare la Cache HTML creando un'altra regola specifica per la parte /wp-admin/ del sito. In questo modo, puoi utilizzare la Cache HTML nel Frontend senza alcun problema.
Risoluzione del problema 301
Abbiamo scritto in precedenza di un problema relativo al reindirizzamento 301 che può essere risolto anche con delle Page Rules. Sfortunatamente, se attivi il Cache HTML, questo problema si ripresenta.
Un'alternativa è abilitare la cache HTML solo nella sua versione HTTPS non WWW. che è una cosa facile da fare, ma credo di escludere i tuoi sottodomini. Poiché la versione gratuita di CloudFlare consente solo 3 regole di pagina attive, ti consigliamo di utilizzarlo con saggezza.
Attivare la Cache HTML del tuo sito ti aiuterà a ottenere un 90+ su PageSpeed. Ricordando che abbiamo scritto un articolo su come ottenere 90+ su mobile con Adsense.
