Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Velocizzare Wordpress con Cloudflare Free - Salvatore Fresta

Velocizzare Wordpress con Cloudflare Free - Salvatore Fresta

0b7debc4c32c9768afae428f457fc247?s=128

WordPress Meetup Catania

April 18, 2019
Tweet

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