Configura WordPress con W3 Total Cache e CloudFlare CDN in LAMP

Questa guida ti mostrerà come aumentare la velocità di caricamento del sito web WordPress con il plugin W3 Total Cache e un account gratuito CloudFlare CDN. In questo tutorial, il sistema CMS WordPress è installato su un stack LAMP (Linux + server HTTP Apache + RDBMS MariaDB e PHP) su una macchina virtuale auto-ospitata Debian 9, ma la stessa procedura può essere applicata con successo, con alcune piccole modifiche, su qualsiasi sito web WordPress, sia che sia distribuito su un server dedicato, un VPS o in un ambiente di hosting condiviso.

REQUISITI

• Un sito web WordPress disponibile su un dominio pubblico registrato. Nel caso tu voglia distribuire il tuo sito web WordPress su un stack LAMP, dovresti considerare di leggere le istruzioni di questo tutorial: https://www.howtoforge.com/tutorial/install-wordpress-on-lamp-in-debian-9/
• Plugin W3 Total Cache installato e attivato in WordPress
• Un account gratuito CloudFlare

Nota Iniziale:

Nel caso in cui il tuo sito web WordPress sia installato su un server dedicato su un stack LAMP, la prima cosa da controllare è se puoi installare nuovi plugin dalla dashboard di WordPress senza un server FTP installato localmente. Se ti viene chiesto di inserire un account FTP per installare nuovi plugin, allora devi abilitare il metodo di scrittura del file system diretto di WordPress. Per abilitare questa funzione di WordPress, apri il file wp-config.php situato nella directory radice del tuo sito web e aggiungi la seguente riga di codice in qualsiasi punto del contenuto del file.

define('FS_METHOD', 'direct');

Puoi anche eseguire il seguente comando per ottenere lo stesso risultato, senza aggiornare manualmente il file wp-config.php, come illustrato nello screenshot sottostante.

echo "define('FS_METHOD', 'direct');" | tee -a /path/to/website/wp-config.php

Prima di configurare il plugin W3 Total Cache con CloudFlare CDN, visita il sito web GTmetrix al seguente link https://gtmetrix.com e fai un test di prestazioni per il tuo dominio per confrontare i risultati dopo l’integrazione del CDN.

Parte 1 - Installa W3 Total Cache

• Per installare il plugin W3 Total Cache, accedi alla dashboard di WordPress e fai clic sul link Plugin -> Aggiungi Nuovo. Nel campo di ricerca, scrivi W3 Total Cache e fai clic sul pulsante Installa Ora per avviare il processo di installazione come illustrato nell’immagine seguente.

• Dopo che il plugin W3 Total Cache ha terminato l’installazione, fai clic sul pulsante Attiva per attivare il plugin.

Parte 2 – Configura il Plugin W3 Total Cache

1. Per configurare il plugin W3 Total Cache, naviga nella dashboard di WordPress e vai su Plugin -> Plugin Installati dal menu a sinistra e fai clic sul link Impostazioni di W3 Total Cache per avviare il processo di configurazione.

2. Poi, vai su Impostazioni Generali e abilita l’opzione Cache della Pagina. Usa il metodo di cache della pagina Disk:Enhaced e scorri verso il basso per passare all’opzione successiva.

3. Successivamente, scorri verso il basso e disabilita Minify, Database Cache e Object Cache, perché CloudFlare CDN si occuperà di minificare i file javascript, CSS e HTML del tuo sito web e fornirà anche il proprio meccanismo di caching.

Dovresti disabilitare Database Cache nel caso in cui il sito web WordPress sia installato in un ambiente di hosting condiviso.

4. Successivamente, scorri verso il basso e abilita la Cache del Browser come illustrato nell’immagine sottostante.

5. Scorri verso il basso e disabilita l’opzione CDN e Reverse Proxy, quindi vai alla scheda Varie e abilita la seguente opzione: Verifica le regole di riscrittura. Assicurati di disabilitare tutte le altre opzioni come presentato nell’immagine sottostante.

6. Successivamente, scorri verso il basso e disabilita tutte le opzioni di Debug. Infine, fai clic sul pulsante Salva tutte le impostazioni per applicare la configurazione. Inoltre, qui hai l’opzione di esportare la configurazione del plugin W3 Total Cache o di ripristinare il plugin alle impostazioni predefinite nel caso in cui qualcosa vada storto.

7. Le impostazioni successive copriranno l’opzione Cache della Pagina dal menu a sinistra. Vai alla scheda Generale e abilita le seguenti opzioni come illustrato nello screenshot sottostante.

• Cache della pagina principale

• Cache dei feed: sito, categorie, tag, commenti

• Cache delle richieste SSL (https)

• Non memorizzare nella cache le pagine per gli utenti connessi

• Non memorizzare nella cache le pagine per i seguenti ruoli utente: Amministratore, Editore, Autore, Collaboratore e Sottoscrittore.

8. Successivamente, scorri verso il basso e abilita l’opzione Cache degli hostname alias. Scrivi tutti i tuoi alias del sito web (con o senza www) in URL aggiuntivi e scorri verso il basso per passare all’opzione successiva.

9. Nella scheda Cache Preload abilita Prime automaticamente la cache della pagina. Non cambiare i valori per l’intervallo di aggiornamento e le pagine per intervallo. Inoltre, dovresti aggiungere una sitemap XML per il sito web. Assicurati anche di abilitare l’opzione Precarica la cache dei post durante gli eventi di pubblicazione.

10. Successivamente, scorri verso il basso e abilita Pagina principale, Pagina post, Feed blog, Pagine commenti post e rss2 opzioni dallo schermo della Politica di Purge: cache della pagina come descritto nell’immagine sottostante.

11. Infine, scorri verso il basso alla scheda Avanzate e abilita solo l’opzione Modalità di Compatibilità. Lascia tutte le altre opzioni come predefinite e fai clic sul pulsante Salva tutte le impostazioni per applicare le modifiche effettuate finora.

12. Successivamente, naviga nel menu Cache del Browser e nella scheda Generale assicurati di abilitare le seguenti opzioni come presentato nello screenshot sottostante.

• Imposta intestazione last-Modified

• Imposta intestazione di scadenza

• Imposta intestazione di controllo della cache

• Imposta tag entità

• Imposta intestazione W3 Total cache

• Abilita compressione HTTP gzip

13. Continua a scorrere verso il basso e abilita le seguenti opzioni per le schede CSS & JS, XTML & XML e Media & Altri File come descritto di seguito:

• Imposta intestazione last-Modified

• Imposta intestazione di scadenza

• Imposta intestazione di controllo della cache

• Politica di controllo della cache impostata su cache con max-age e validazione (“max-age=EXPIRES_SECONDS, public, must-revalidate, proxy-revalidate”)

• Imposta tag entità (ETag)

• Imposta intestazione W3 Total cache

• Abilita compressione HTTP gzip

14. Infine, fai clic sul pulsante Salva tutte le impostazioni per applicare la configurazione del plugin W3 Total Cache. Tuttavia, dovresti modificare le impostazioni del plugin W3 Total Cache e eseguire test per determinare le migliori opzioni per il tuo sito web.

Parte 3 – Configura CloudFlare CDN

15. Per attivare il plugin CloudFlare in WordPress, naviga su Prestazioni -> Estensioni - CloudFlare e fai clic sul link Attiva come illustrato nell’immagine seguente.

16. Per configurare il plugin CloudFlare, fai clic sul link Impostazioni dal menu Estensioni come presentato nello screenshot sottostante.

17. CloudFlare è un servizio di rete di distribuzione dei contenuti (CDN) che funge da acceleratore reverse-proxy per i siti web. Tra le altre funzionalità, alcune delle quali dovrai pagare, CloudFlare offre servizi DNS e di sicurezza integrati per i siti web memorizzati nella cache. Per integrare un sito web nel CDN CloudFlare, tutto ciò che devi fare è registrarti per un account gratuito al seguente link https://www.cloudflare.com/a/login e aggiungere il tuo dominio alle loro reti come illustrato nello screenshot sottostante.

18. Aspetta circa un minuto affinché CloudFlare scansiona i record DNS del tuo dominio e fai clic sul pulsante Continua per passare allo schermo dei record DNS. Nello schermo dei record DNS rilevati, controlla se tutti i tuoi record di dominio sono stati scoperti. Se tutti i tuoi record DNS sono presenti nell’elenco, fai clic sul pulsante Continua per procedere. Usa gli screenshot sottostanti come guida.

19. Successivamente, devi scegliere un piano CloudFlare per il tuo dominio e fare clic sul pulsante Continua per passare alla schermata successiva. In questo tutorial sceglieremo un piano gratuito per il sito web.

20. Nella schermata successiva, annota i server dei nomi DNS di CloudFlare e aggiorna i nameserver del tuo dominio di conseguenza. Devi accedere al pannello del tuo registrar di dominio per cambiare i server dei nomi del tuo dominio e i nuovi record devono essere aggiornati il prima possibile. I server dei nomi del dominio devono puntare esattamente ai server dei nomi di CloudFlare e non ad altri record ns. Quando hai finito, fai clic sul pulsante Continua per completare il processo di integrazione. Tuttavia, puoi fare clic sul pulsante Continua e aggiornare i record ns DNS presso il tuo registrar in un secondo momento.

21. Dopo aver modificato i server dei nomi del tuo dominio, fai clic sul pulsante Controlla di nuovo i Nameserver per forzare il processo di attivazione. La propagazione DNS del dominio nella cloud di internet richiede fino a 24 ore per completarsi. Tuttavia, durante questo tempo il tuo sito web non sarà influenzato in alcun modo. Nessun downtime!

22. Successivamente, naviga nel pannello web di CloudFlare e fai clic sul pulsante Velocità. Qui, abilita l’opzione Auto Minify per JavaScript, HTML e CSS come illustrato nell’immagine sottostante. Questa impostazione comprimerà tutti i file javascript, CSS e HTML per ridurre il loro volume e consegnarli più velocemente ai browser dei client finali.

23. Scorri verso il basso e abilita la modalità Automatica per Rocket Loader come illustrato di seguito.

24. Successivamente, fai clic sul pulsante Crypto e imposta la crittografia SSL su Completa. Poi, vai alla schermata principale per ottenere la chiave API e attivare l’estensione CloudFlare di WordPress. Fai clic sul link Ottieni la tua chiave API, seleziona Chiave API Globale e fai clic sul pulsante Visualizza chiave API. Dovrebbe aprirsi una nuova finestra pop-up. Copia la stringa della chiave API dagli appunti e chiudi la finestra pop-up.

25. Torna al sito web WordPress e vai su Prestazioni -> Estensioni -> CloudFlare e fai clic sul link Impostazioni. Nella schermata CloudFlare, fai clic sul pulsante Autorizza e aggiungi l’indirizzo email con cui ti sei registrato a CloudFlare e la chiave API che hai copiato dalla Chiave API Globale. Quando hai finito, fai clic sul pulsante Avanti per continuare.

26. Seleziona la tua zona di dominio e fai clic sul pulsante Avanti per completare il processo di autorizzazione. Poi, puoi iniziare a gestire le impostazioni del CDN CloudFlare per il tuo dominio tramite il plugin CloudFlare in WordPress.

27. Se hai già aggiornato i record ns DNS presso il tuo registrar, puoi attendere alcune ore e poi accedere al pannello di CloudFlare. Il sito web dovrebbe essere attivato con successo su CloudFlare.

Aspetta alcuni giorni affinché il servizio CDN CloudFlare memorizzi completamente nella cache il contenuto del tuo sito web e analizza nuovamente la velocità del tuo sito web sul sito https://gtmetrix.com. Confronta i risultati con il rapporto iniziale per determinare il beneficio delle prestazioni fornito dal CDN CloudFlare.