Menu
Hosting Wordpress

Come configurare un CDN per WordPress: guida a Cloudflare e BunnyCDN

Gianluca Gentile · · 5 min di lettura

Come configurare un CDN per WordPress: guida a Cloudflare e BunnyCDN

Un CDN (Content Delivery Network) distribuisce i contenuti statici del tuo sito WordPress su una rete di server sparsi nel mondo. Quando un visitatore carica una pagina, immagini, CSS e JavaScript vengono serviti dal server CDN più vicino a lui, riducendo la latenza e velocizzando il caricamento. In questa guida ti spiego come configurare un CDN su WordPress usando Cloudflare e BunnyCDN.

Perché usare un CDN per WordPress

Senza un CDN, tutti i contenuti vengono serviti dal server di hosting, che si trova in una posizione geografica specifica. Un visitatore dall’altra parte del mondo deve attendere che i dati attraversino migliaia di chilometri. Un CDN risolve questo problema:

  • Riduzione della latenza: i file statici vengono serviti dal nodo CDN più vicino al visitatore, riducendo il tempo di trasferimento.
  • Migliore TTFB: il Time to First Byte migliora drasticamente per visitatori lontani dal server di origine.
  • Riduzione del carico sul server: il CDN serve la maggior parte delle risorse, liberando il server di hosting per gestire PHP e database.
  • Protezione DDoS: molti CDN come Cloudflare offrono protezione dagli attacchi DDoS inclusa nel servizio.
  • Vantaggi SEO: la velocità è un fattore di ranking per Google, e un CDN migliora i Core Web Vitals.

Cloudflare: il CDN più popolare

Cloudflare è il CDN più utilizzato al mondo con una rete di oltre 300 data center. Offre un piano gratuito generoso che include CDN, protezione DDoS base e certificato SSL.

Come configurare Cloudflare per WordPress:

  1. Crea un account su cloudflare.com e aggiungi il tuo dominio.
  2. Cloudflare scansiona i record DNS del tuo dominio e li importa automaticamente. Verifica che siano corretti.
  3. Cambia i nameserver: presso il tuo registrar di dominio, sostituisci i nameserver attuali con quelli forniti da Cloudflare. La propagazione richiede fino a 24 ore.
  4. Configura SSL: in Cloudflare, vai su SSL/TLS e imposta la modalità su Full (Strict) se il tuo server ha un certificato SSL valido.
  5. Attiva la cache: nella sezione Caching, imposta il livello di cache su Standard. Cloudflare cacherà automaticamente i file statici (immagini, CSS, JS).
  6. Installa il plugin Cloudflare per WordPress: cerca “Cloudflare” nella repository dei plugin, installalo e collegalo al tuo account. Il plugin ottimizza automaticamente le impostazioni e permette di svuotare la cache da WordPress.

Impostazioni consigliate per WordPress:

  • Auto Minify: attiva per HTML, CSS e JavaScript per ridurre la dimensione dei file.
  • Brotli: attiva la compressione Brotli per file più piccoli rispetto a Gzip.
  • Browser Cache TTL: imposta a 1 mese per risorse statiche.
  • Always Use HTTPS: attiva per reindirizzare automaticamente tutto il traffico su HTTPS.
  • Page Rules: crea una regola per escludere wp-admin/* dal caching per evitare problemi con il pannello admin.

BunnyCDN: il più veloce e conveniente

BunnyCDN è un CDN premium con una rete di oltre 120 punti di presenza. Si distingue per velocità eccezionale e un modello di prezzo a consumo molto economico: a partire da 0.01$/GB.

Come configurare BunnyCDN per WordPress:

  1. Crea un account su bunny.net e crea una nuova Pull Zone.
  2. Inserisci l’URL del tuo sito come origine (es. https://tuosito.it).
  3. BunnyCDN ti assegna un hostname (es. tuosito.b-cdn.net). Puoi anche configurare un CNAME personalizzato (es. cdn.tuosito.it).
  4. Installa il plugin BunnyCDN per WordPress o configura il CDN nel tuo plugin di caching (WP Rocket, FlyingPress, LiteSpeed Cache supportano tutti BunnyCDN).
  5. Inserisci l’URL del CDN nelle impostazioni del plugin. Il plugin riscriverà automaticamente gli URL delle risorse statiche per puntare al CDN.

Vantaggi di BunnyCDN rispetto a Cloudflare:

  • Non richiede di cambiare i nameserver: funziona come un semplice CDN pull, senza toccare i DNS del dominio.
  • Prezzo a consumo: paghi solo per il traffico effettivo, ideale per siti con traffico variabile.
  • Bunny Optimizer: servizio aggiuntivo che ottimizza e converte le immagini in WebP/AVIF al volo.
  • Bunny DNS: servizio DNS ultraveloce incluso gratuitamente.

CDN con i plugin di caching

I principali plugin di caching offrono integrazione nativa con i CDN:

  • WP Rocket: sezione CDN nelle impostazioni dove inserire l’URL del CDN. Supporta qualsiasi CDN pull.
  • FlyingPress: integrazione con BunnyCDN e Cloudflare nelle impostazioni CDN.
  • LiteSpeed Cache: integrazione con QUIC.cloud (il CDN proprio di LiteSpeed) e supporto per CDN esterni.

Se usi un plugin di caching con il supporto CDN integrato, non serve un plugin CDN separato.

Errori comuni nella configurazione del CDN

  • Mancata esclusione di wp-admin: il pannello admin non deve essere servito dalla cache del CDN. Escludi sempre /wp-admin/ e wp-login.php.
  • SSL mismatch: se il CDN usa HTTPS ma il tuo server no (o viceversa), possono verificarsi redirect infiniti o errori mixed content.
  • Cache troppo aggressiva: se le pagine HTML vengono cachate dal CDN, i contenuti dinamici (carrello WooCommerce, area utente) non funzionano. Cacha solo le risorse statiche.
  • Non svuotare la cache dopo le modifiche: quando aggiorni CSS o immagini, svuota la cache del CDN per servire i file aggiornati.

Serve assistenza?

Configurare un CDN correttamente può fare la differenza tra un sito veloce e uno pieno di problemi. Se vuoi un CDN configurato alla perfezione per il tuo WordPress, il team di SoccorsoWP può occuparsene. Apri un ticket e velocizza il tuo sito a livello globale.

Condividi:

Lascia un commento