Velocizzare Wordpress con Cloudflare Free Come sfruttare la massimo le opzioni del piano gratuito di Cloudflare per ottimizzare le performance web di un sito Wordpress

COO & Co-Founder @ SqueezeMind COO & Co-Founder @ Trix Service srl Founder @ SpeedyWP.it (old SpeedyWordpress.it) Senior Web Developer & Web Performance Specialist Salvatore Fresta

I benefici di avere un sito web veloce WordPress & Performance

Migliore esperienza utente Salvatore Fresta

Migliore esperienza utente Salvatore Fresta Miglior tasso di conversione

Migliore esperienza utente Salvatore Fresta Miglior tasso di conversione Miglior posizionamento su Google

“ Le persone vogliono trovare le risposte alle loro domande il più velocemente possibile - studi dimostrano come le persone siano davvero sensibili alla velocità di caricamento di una pagina web. Sebbene la velocità sia già da tempo un fattore di ranking, è stata focalizzata principalmente per le ricerche desktop. Oggi annunciamo che a partire da Luglio 2018 la velocità sarà un fattore di ranking anche per le ricerche mobile. Salvatore Fresta People want to be able to find answers to their questions as fast as possible — studies show that people really care about the speed of a page. Although speed has been used in ranking for some time, that signal was focused on desktop searches. Today we’re announcing that starting in July 2018, page speed will be a ranking factor for mobile searches. GOOGLE 2018 -> SPEED UPDATE “

Salvatore Fresta COS’È CLOUDFLARE CloudFlare è un caching reverse proxy, ovvero un server che si pone tra il server dove risiede il tuo blog e il visitatore, svolgendo anche funzioni di caching dei contenuti. Salva temporaneamente in memoria i contenuti per poterli servire più velocemente.

Salvatore Fresta I VANTAGGI DI CLOUDFLARE Alleggerire il carico di lavoro del server originario Velocizzare i tempi di risposta di ogni risorsa del sito web Aumentare la velocità dell’intero sito web in caso di traffico internazionale Proteggere il sito web da attacchi di Denial Of Service Distribuiti

Salvatore Fresta PIANI CLOUDFLARE A CONFRONTO

Salvatore Fresta COME UTILIZZEREMO CLOUDFLARE OGGI Uso tradizionale di Cloudflare Cloudflare mette in cache tutto tranne il codice della pagina che ogni volta deve essere generato dal server originario

Salvatore Fresta COME UTILIZZEREMO CLOUDFLARE OGGI Uso tradizionale di Cloudflare Uso di Cloudflare grazie al plugin WP Cloudflare Super Page Cache

Salvatore Fresta COME UTILIZZEREMO CLOUDFLARE OGGI Uso di Cloudflare grazie al plugin WP Cloudflare Super Page Cache Grazie a questo plugin gratuito anche le pagine saranno servite da Cloudflare, pur utilizzando la versione gratuita!

Salvatore Fresta COME UTILIZZEREMO CLOUDFLARE OGGI Uso di Cloudflare grazie al plugin WP Cloudflare Super Page Cache Grazie a questo plugin gratuito anche le pagine saranno servite da Cloudflare, pur utilizzando la versione gratuita! (grazie ad un workaround) Miglioramento dei tempi di risposta superiore al 90%!

Andiamo a.. configurare un sito su Cloudflare

AGGIUNGERE UN SITO A CLOUDFLARE Salvatore Fresta

Salvatore Fresta AGGIUNGERE UN SITO A CLOUDFLARE

Salvatore Fresta AGGIUNGERE UN SITO A CLOUDFLARE

Salvatore Fresta AGGIUNGERE UN SITO A CLOUDFLARE

Salvatore Fresta AGGIUNGERE UN SITO A CLOUDFLARE

Si ok tutto bello, tutto fantastico. Ma funziona?

Hosting web (meglio se poco performante) Salvatore Fresta INGREDIENTI PER IL TEST

Hosting web (meglio se poco performante) Salvatore Fresta INGREDIENTI PER IL TEST Dominio associato a Cloudflare

Hosting web (meglio se poco performante) Salvatore Fresta INGREDIENTI PER IL TEST Dominio associato a Cloudflare Sito Wordpress completo di tema, pagine e articoli

Hosting web (meglio se poco performante) Salvatore Fresta INGREDIENTI PER IL TEST Dominio associato a Cloudflare Sito Wordpress completo di tema, pagine e articoli Plugin WP Super Cache per il test n.2

Hosting web (meglio se poco performante) Salvatore Fresta INGREDIENTI PER IL TEST Dominio associato a Cloudflare Sito Wordpress completo di tema, pagine e articoli Plugin WP Super Cache per il test n.2 Plugin WP Cloudflare Super Page Cache per il test n.3

Hosting web (meglio se poco performante) Salvatore Fresta INGREDIENTI PER IL TEST Dominio associato a Cloudflare Sito Wordpress completo di tema, pagine e articoli Plugin WP Super Cache per il test n.2 Plugin WP Cloudflare Super Page Cache per il test n.3 Tool per il monitoraggio delle performance (webpagetest.org)

Salvatore Fresta HOSTING WEB

Salvatore Fresta DOMINIO ASSOCIATO A CLOUDFLARE

Salvatore Fresta SITO WORDPRES COMPLETO

Test n.1 - Solo sito Wordpress

Salvatore Fresta TEST 1

Salvatore Fresta TEST 1 - TTFB

Salvatore Fresta TEST 1 - RISULTATI COMPLETI https://www.webpagetest.org/result/190409_A5_2039badb8f27f09c3e01f 518e99ce81f/

Test n.2 - Sito + WP Super Cache

Salvatore Fresta TEST 2

Salvatore Fresta TEST 2 - TTFB +68% più veloce rispetto al test n.1

Salvatore Fresta TEST 2 - RISULTATI COMPLETI https://www.webpagetest.org/result/190409_VE_86a22c516bdefa8de17cc 85edf3bf52b/

Test n.3 - Sito + WP Cloudflare Super Page Cache

Salvatore Fresta TEST 3

Salvatore Fresta TEST 3 - TTFB +92% più veloce rispetto al test n.1

Salvatore Fresta TEST 3 - CONFRONTO TIME TO FIRST BYTE Test 1 Test 2 Test 3 TTFB 68% PIÙ VELOCE TTFB 92% PIÙ VELOCE

Salvatore Fresta TEST 3 - 100 UTENTI IN 1 MINUTO Test 1 - 9351 ms Test 3 - 66 ms

Salvatore Fresta TEST 3 - RISULTATI COMPLETI https://www.webpagetest.org/result/190409_10_cffba542419f50fdd6fddb 345a4f479b/

Salvatore Fresta TEST 3 - CONFIGURAZIONE PLUGIN USATA

Salvatore Fresta TEST 3 - CONFIGURAZIONE PLUGIN USATA

Salvatore Fresta TEST 3 - CONFIGURAZIONE PLUGIN USATA

Salvatore Fresta ALTRI CONSIGLI PER AVERE UN SITO VELOCE Evitare di utilizzare plugin su plugin su plugin Utilizzare immagini in formato webp e della dimensione corretta Utilizzare hosting provider con piani su misura per il tuo tipo di business Ottimizzare al meglio il database MySQL ed i suoi accessi Dare una priorità alle risorse che il browser deve elaborare (importantissimo!!!)

Question time