Velocizzare Wordpress con Cloudflare Free - Salvatore Fresta

Transcript

1. 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
2. COO & Co-Founder @ SqueezeMind COO & Co-Founder @ Trix Service srl Founder @ SpeedyWP.it (old SpeedyWordpress.it) Senior Web Developer & Web Performance Specialist Salvatore Fresta
3. I benefici di avere un sito web veloce WordPress & Performance
4. Migliore esperienza utente Salvatore Fresta
5. Migliore esperienza utente Salvatore Fresta Miglior tasso di conversione
6. Migliore esperienza utente Salvatore Fresta Miglior tasso di conversione Miglior posizionamento su Google
7. “ 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 “
8. 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.
9. 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
10. Salvatore Fresta PIANI CLOUDFLARE A CONFRONTO
11. 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
12. Salvatore Fresta COME UTILIZZEREMO CLOUDFLARE OGGI Uso tradizionale di Cloudflare Uso di Cloudflare grazie al plugin WP Cloudflare Super Page Cache
13. 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!
14. 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%!
15. Andiamo a.. configurare un sito su Cloudflare
16. AGGIUNGERE UN SITO A CLOUDFLARE Salvatore Fresta
17. Salvatore Fresta AGGIUNGERE UN SITO A CLOUDFLARE
18. Salvatore Fresta AGGIUNGERE UN SITO A CLOUDFLARE
19. Salvatore Fresta AGGIUNGERE UN SITO A CLOUDFLARE
20. Salvatore Fresta AGGIUNGERE UN SITO A CLOUDFLARE
21. Si ok tutto bello, tutto fantastico. Ma funziona?
22. Hosting web (meglio se poco performante) Salvatore Fresta INGREDIENTI PER IL TEST
23. Hosting web (meglio se poco performante) Salvatore Fresta INGREDIENTI PER IL TEST Dominio associato a Cloudflare
24. Hosting web (meglio se poco performante) Salvatore Fresta INGREDIENTI PER IL TEST Dominio associato a Cloudflare Sito Wordpress completo di tema, pagine e articoli
25. 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
26. 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
27. 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)
28. Salvatore Fresta HOSTING WEB
29. Salvatore Fresta DOMINIO ASSOCIATO A CLOUDFLARE
30. Salvatore Fresta SITO WORDPRES COMPLETO
31. Test n.1 - Solo sito Wordpress
32. Salvatore Fresta TEST 1
33. Salvatore Fresta TEST 1 - TTFB
34. Salvatore Fresta TEST 1 - RISULTATI COMPLETI https://www.webpagetest.org/result/190409_A5_2039badb8f27f09c3e01f 518e99ce81f/
35. Test n.2 - Sito + WP Super Cache
36. Salvatore Fresta TEST 2
37. Salvatore Fresta TEST 2 - TTFB +68% più veloce rispetto al test n.1
38. Salvatore Fresta TEST 2 - RISULTATI COMPLETI https://www.webpagetest.org/result/190409_VE_86a22c516bdefa8de17cc 85edf3bf52b/
39. Test n.3 - Sito + WP Cloudflare Super Page Cache
40. Salvatore Fresta TEST 3
41. Salvatore Fresta TEST 3 - TTFB +92% più veloce rispetto al test n.1
42. Salvatore Fresta TEST 3 - CONFRONTO TIME TO FIRST BYTE Test 1 Test 2 Test 3 TTFB 68% PIÙ VELOCE TTFB 92% PIÙ VELOCE
43. Salvatore Fresta TEST 3 - 100 UTENTI IN 1 MINUTO Test 1 - 9351 ms Test 3 - 66 ms
44. Salvatore Fresta TEST 3 - RISULTATI COMPLETI https://www.webpagetest.org/result/190409_10_cffba542419f50fdd6fddb 345a4f479b/
45. Salvatore Fresta TEST 3 - CONFIGURAZIONE PLUGIN USATA
46. Salvatore Fresta TEST 3 - CONFIGURAZIONE PLUGIN USATA
47. Salvatore Fresta TEST 3 - CONFIGURAZIONE PLUGIN USATA
48. 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!!!)
49. Question time