CDN di WordPress: una guida definitiva per aumentare la tua visibilità globale

Nel corso degli anni, velocità di caricamento sempre più elevate sono diventate una priorità assoluta per i siti web. Ma va di pari passo con contenuti e funzionalità più ricchi che devono tenere il passo con una domanda sempre crescente di interattività dell'utente. Pertanto, molti proprietari di siti Web trovano difficile fornire i propri contenuti a una velocità maggiore agli utenti finali di tutto il mondo.

Alla luce di ciò, molti siti Web hanno iniziato a utilizzare WordPress CDN (Content Delivery Network). Questa tecnologia aiuta a fornire i contenuti del sito Web più velocemente a tutti gli utenti, indipendentemente da dove si trovino. In questa pratica guida imparerai cos'è un CDN, perché è importante per WordPress e come utilizzare il CDN di WordPress.

1. Che cos'è un CDN (rete di distribuzione dei contenuti)?

Come suggerisce il nome, un CDN ha qualcosa a che fare con la distribuzione di contenuti. Ma quali contenuti e come? Bene, fornisce il contenuto statico, in streaming e dinamico del tuo sito WordPress, inclusi file multimediali, file CSS e JavaScript.

L'altra parte, cioè la rete, è l'essenza di questo sistema di distribuzione. Il contenuto di cui abbiamo discusso in precedenza è ospitato su questa rete di server sparsi in tutto il mondo e quando l'utente invia una richiesta dal suo browser, viene gestito dal server più vicino per evitare latenza.

Realtà: 1 secondo di ritardo nel tempo di caricamento della pagina può causare una perdita del 7% nella conversione, l'11% in meno di visualizzazioni di pagina e una diminuzione del 16% nella soddisfazione del cliente.

Supponiamo che tu abbia lanciato un server sull'hosting gestito da Cloudways WordPress e abbia scelto il data center a Londra, Regno Unito. Qui è dove il tuo sito WordPress è fisicamente ospitato e tutte le richieste vengono gestite da qui. Il tuo sito sarà velocissimo per gli utenti in Europa, ma può caricarsi un po' più lentamente per gli utenti di Tokyo o Manila. Questo perché Londra è più lontana da Tokyo che da Parigi..

Il miglior CDN per WordPress ridurrebbe questa distanza fornendo contenuti all'utente dal server più vicino. Al fine di ridurre la distanza tra l'utente e il contenuto web, il CDN conserva una copia cache del contenuto in più server situati in tutto il mondo.

2. Chi ha bisogno della CDN di WordPress?

Quasi tutti i siti WordPress necessitano di una CDN e il numero di siti che utilizzano CDN sta aumentando in modo esponenziale. Le aziende che operano in più località geografiche si affidano a questi servizi CDN per gli stessi motivi discussi in precedenza in questo articolo. Tuttavia, se stai eseguendo un sito che si rivolge solo agli utenti dalla stessa posizione del tuo web hosting, l'utilizzo di un CDN non è l'ideale. In effetti, può causare un'esperienza utente negativa poiché gli utenti potrebbero subire ritardi dovuti a interferenze non necessarie da connessioni extra tra l'utente e l'hosting.

Vediamo quali tipi di aziende utilizzano CDN per WordPress per velocizzare i propri siti WordPress.

• E-commerce
• Blog
• Agenzie pubblicitarie
• Media e intrattenimento
• Siti di streaming
• Siti di gioco online
• Istruzione online
• Assistenza sanitaria

3. Perché CDN è importante per WordPress?

Nel tempo, la Content Delivery Network (CDN) è migliorata molto. Avere un CDN WordPress sul sito WordPress ha molti vantaggi che non possono essere ignorati. Vediamoli nel dettaglio!

• Tempi di caricamento più rapidi : riduce i tempi di caricamento della pagina, con contenuti prontamente disponibili dalla rete di server CDN.
• Gestione del traffico elevato : poiché il contenuto viene distribuito da più fonti, un sito che utilizza un CDN per WordPress affronta a malapena tempi di inattività o prestazioni basse anche quando si verifica un volume di traffico più elevato.
• Risparmia larghezza di banda : un CDN riduce anche il consumo di larghezza di banda in quanto limita il flusso diretto di richieste dagli utenti all'hosting web fornendo il contenuto stesso.
• Sicurezza : la rete CDN è dispersa ed è in grado di resistere ad attacchi DDoS da bassi a lievi. Alcuni provider CDN hanno anche un meccanismo attivo installato per identificare questi attacchi, spammer e bot. Aggiunge un ulteriore livello di sicurezza, in particolare per quei siti WordPress in cui i clienti pagano utilizzando i dati della carta di credito.
• Migliore posizionamento SEO : non è un segreto che Google classifica i siti più veloci più in alto. È difficile determinare quanto la velocità possa danneggiare il posizionamento SEO, ma è ovvio che influisce negativamente sull'esperienza dell'utente, cosa che Google scoraggia.
• Esperienza utente migliorata : WordPress CDN sul sito WordPress non solo migliora l'esperienza utente sul desktop ma anche sui dispositivi mobili caricando le pagine web più velocemente. Un gran numero di persone ora utilizza i propri telefoni cellulari per navigare in Internet. Google ha anche avviato un'iniziativa di ricerca ottimizzata per dispositivi mobili, il che significa che i siti ottimizzati per dispositivi mobili avranno un vantaggio nei risultati di ricerca.

Fatto: le entrate sono aumentate dell'1% per ogni 100 ms di decremento nei tempi di caricamento della pagina.

Test di velocità CDN di WordPress

Vediamo un CDN in azione testandolo su un sito WordPress ospitato su Cloudways. Il nostro server si trova a Fremont, negli Stati Uniti. Abbiamo testato la velocità da più posizioni prima e dopo l'integrazione di CloudwaysCDN .

San Jose, California, USA

Prima

Dopo

New York, New York, Stati Uniti d'America

Prima

Dopo

Stoccolma, Svezia

Prima

Dopo

Melbourne, Australia

Prima

Dopo

Questi risultati dei test mostrano che senza un CDN, la velocità è più lenta nelle regioni più lontane dalla posizione effettiva del server. Ma dopo aver integrato CDN sul sito WordPress, ha mostrato miglioramenti nella velocità di caricamento.

4. I migliori provider CDN di WordPress

I provider CDN di WordPress sono disponibili in ogni fascia di budget. Inoltre, molti provider CDN offrono un account di prova.

Per aiutare gli utenti di Cloudways, ho compilato il seguente elenco di provider CDN che possono essere facilmente integrati con i server gestiti da Cloudways.

Nota: StackPath (aka CloudwaysCDN) può essere integrato facilmente all'interno della piattaforma.

CloudwaysCDN (StackPath)

CloudwaysCDN è alimentato da StackPath, uno dei migliori provider CDN per WordPress con una grande rete di server globale.

Le funzionalità più diffuse includono la protezione contro gli attacchi DDoS e le funzionalità di blocco con bilanciamento del carico. Tutti i piani offrono anche una protezione firewall che contribuisce anche a migliorare il tempo di caricamento della pagina del tuo sito web.

Gli utenti di Cloudways possono anche utilizzare questa opzione CDN con " Breeze ", il plug-in di memorizzazione nella cache predefinito.

Prezzo: $ 1 per 25 GB

Chiave CDN

KeyCDN offre diverse funzioni utili che ottimizzano la consegna dei contenuti in varie località di tutto il mondo. KeyCDN è una popolare opzione CDN di WordPress con una reputazione di velocità e assistenza clienti 24 ore su 24, 7 giorni su 7.

KeyCDN offre anche protezione DDoS, certificati SSL gratuiti e personalizzati, supporto HTTP/2 e API RESTful per integrazioni di terze parti.

Prezzi: il modello di prezzo è pay-as-you-go, a partire da $ 0,04/GB, con una fattura annuale minima di $ 40.

Cloudflare

Cloudflare è uno dei CDN più popolari per WordPress principalmente perché è facile da configurare e ha un'enorme rete di server globale.

Cloudflare offre anche CDN gratuiti per i siti WordPress con sicurezza limitata contro attacchi DDoS e altre vulnerabilità. Altre funzionalità includono bilanciamento del carico, ottimizzazione web, gestione DNS e certificati SSL.

Prezzi: il piano Pro parte da $ 20 al mese.

CloudFront

CloudFront di Amazon è un CDN veloce e sicuro per WordPress che offre sicurezza standard del settore contro DDoS e minacce simili. Può essere facilmente integrato utilizzando la console di gestione di Amazon, la CLI e gli SDK.

Prezzo: su richiesta

incapsula

Incapsula è un altro CDN popolare per WordPress con server situati in tutto il mondo. Può essere facilmente integrato con WordPress ed è compatibile con tutti i plug-in di memorizzazione nella cache più diffusi.

Incapsula offre funzionalità come certificati SSL, supporto 24 ore su 24, 7 giorni su 7, protezione DDoS, firewall, analisi degli attacchi, intelligence sulle minacce e protezione dei dati.

Prezzo: a partire da $ 59/mese

CDN77

CDN77 è uno dei CDN più veloci per i siti Web WordPress. Le funzionalità evidenziate includono certificati SSL/TLS, protezione DDoS, protezione hotlink e firewall web.

CDN77 offre anche strumenti analitici per il monitoraggio del traffico e dell'utilizzo della larghezza di banda e registri CDN che contengono informazioni utili e rapporti sugli arresti anomali.

Prezzo: a partire da $ 199/mese

Mentre selezioni il CDN giusto per la tua attività, assicurati di considerare il costo e i servizi insieme alle prestazioni.

5. Benchmarking CDN di WordPress

Esistono molti provider CDN di WordPress tra cui scegliere, ma è una sfida determinare quale offrirà le migliori prestazioni negli scenari del mondo reale.

L'unico modo per risolvere questo problema era eseguire il benchmark di tali CDN e per questo abbiamo selezionato tre popolari provider CDN ampiamente utilizzati:

1. CloudwaysCDN (in collaborazione con StackPath precedentemente noto come MaxCDN)
2. Cloudflare
3. Chiave CDN

Il processo di benchmarking CDN

Ho lanciato il WordPress predefinito sul server Cloudways DigitalOcean di 1 GB di RAM , 25 GB di SSD e 1 CPU Core .

Per il test di benchmarking, lo strumento che abbiamo utilizzato è una CLI di benchmark CDN Node.js open source . Per capire la velocità con cui un CDN di WordPress fornisce contenuti, avrai bisogno di inserimenti di dati sufficienti nel corso di poche ore.

Nel nostro benchmarking CDN, abbiamo scaricato tre file di immagine dal nostro sito WordPress ospitato su Cloudways ( piccolo: 78,6 KB, medio: 747 KB, grande: 1,28 MB ), per 3,5 ore con intervalli di 5 minuti. Questi file sono presi da un sito WordPress ospitato su Cloudways.

I risultati del benchmarking CDN

Dopo il test di benchmarking, abbiamo raccolto i dati finali in una rappresentazione grafica per un facile confronto. I dati sono stati generati dopo aver eseguito il test per 3,5 ore consecutive. Il test ti dà un'idea di quale CDN funziona meglio su quale dimensione del file.

Piccola immagine

Cloudflare si è avviato normalmente ma non è riuscito a mantenere lo stesso ritmo durante il download dell'immagine di piccole dimensioni. Nei primi 40 minuti del test, è arrivato fino a 22 millisecondi, mentre CloudwaysCDN e KeyCDN giacevano dritti sull'asse orizzontale mostrando una velocità costante di circa 2-3 millisecondi. C'è un picco dal 75° all'85° minuto in KeyCDN dove è arrivato fino a 9 ms.

Il CloudwaysCDN è stato abbastanza fluido durante il test. Ha iniziato e terminato il test con la massima velocità di download senza sorprese.

Immagine media

Le cose non sono migliorate per CloudFlare anche durante il download di un'immagine di medie dimensioni. Aveva picchi enormi da 20-40 minuti di circa 128 ms. Un altro picco più piccolo dai minuti 75 a 85. D'altra parte, CloudwaysCDN ha mantenuto la sua prima posizione nel confronto con KeyCDN , che ha mostrato qualche disturbo verso la fine del test come mostrato nel grafico sopra.

Immagine grande

Durante il download dell'immagine grande (1,28 MB), la velocità di download di Cloudflare è stata di circa 40 ms mentre le sue controparti hanno avuto un inizio relativamente buono. KeyCDN è stato quasi stabile per tutto il test, tranne per alcuni dossi all'inizio e verso la fine del test. CloudwaysCDN ha fatto di nuovo un lavoro straordinario rimanendo il più vicino possibile all'asse X, mostrando la velocità di download rapida e costante durante il test.

Abbiamo anche calcolato la velocità media di download di ogni CDN su tre dimensioni di immagine.

Punteggio medio

I risultati del grafico sopra sono piuttosto semplici. CloudwaysCDN ha avuto la più alta velocità di download in tutte e tre le categorie di file. KeyCDN è arrivato secondo con un punteggio medio. Cloudflare ha ottenuto la terza posizione con il punteggio più basso a causa di enormi picchi nelle fasi iniziali di tutti e tre i test. Ha funzionato abbastanza bene a metà e alla fine dei test.

6. Come utilizzare CDN in WordPress?

6a. Aggiungi CloudwaysCDN a WordPress

I clienti Cloudways possono attivare e integrare CloudwaysCDN con WordPress con un solo clic. Ecco alcuni passaggi coinvolti nel processo: accedi all'account Cloudways, vai su Applicazioni, quindi accedi alle applicazioni WordPress in cui desideri installare CloudwaysCDN.

Dal riquadro di sinistra, vai alla scheda CloudwaysCDN e quindi inserisci l' URL del tuo sito WordPress. Fare clic sul pulsante CREA .

Abiliterà il CloudwaysCDN per questa applicazione e ti fornirà alcuni dettagli come l'URL del CDN, l'utilizzo della larghezza di banda e l'eliminazione della cache. Hai anche un'opzione per rimuovere il CloudwaysCDN.

Per integrarlo in un sito WordPress, è sufficiente fare clic sul pulsante Applica .

PS: il clic singolo si applica solo a Breeze, un plug-in cache WordPress gratuito di Cloudways. Se stai utilizzando un altro plug-in di memorizzazione nella cache, ottieni l'URL del CDN dalla scheda CloudwaysCDN e configura il CDN di conseguenza.

Accedi al pannello di amministrazione del tuo sito WordPress e quindi fai clic su Breeze in Impostazioni :

Vai alla scheda CDN di Breeze Cache Plugin e qui vedrai che l' opzione Attiva CDN è contrassegnata come selezionata e l' URL CDN è impostato nel campo CDN CNAME .

Ora è il momento di verificare che il CDN sia integrato. Apri il tuo sito, premi CTRL+U e cerca StackPath . Otterrai alcuni risultati che indicano che CDN è integrato con successo.

Sembra che il sito sia rotto?

Nessun problema! Cloudways utilizza Varnish per ottimizzare i siti WordPress. Assicurati di eliminare tutta la cache, quindi rivisita il sito. Urrà! Hai integrato il CloudwaysCDN in pochi clic.

Vuoi saperne di più su CloudwaysCDN? Dai un'occhiata qui .

6b. Aggiungi CloudFront a WordPress

CloudFront di Amazon è forse il CDN più popolare per i siti Web WordPress. Una volta connesso, CloudFront serve il contenuto di un sito WordPress direttamente dai suoi server invece di richiedere il server di hosting. Ciò riduce il numero di richieste che gravano sul server di hosting.

Ottieni l'URL CDN creando la distribuzione Web in CloudFront CDN

Presumo che tu abbia già un account su Amazon Web Services (AWS). In caso contrario, registrati e accedi a CloudFront Console . Quindi, fai clic su Inizia nella sezione Web .

Ti porterà alle opzioni a pagina intera in cui puoi scegliere tra una serie di opzioni. Per semplificare, utilizzerò le impostazioni predefinite impostate da CloudFront stesso.

• Nome di dominio di origine: l'URL del mio sito Web (wpcommunity.org)
• Percorso di origine: inserisci il percorso specifico per le risorse, se ne hai. (L'ho lasciato vuoto.)
• ID origine: inserisci una semplice descrizione di cosa tratta questo servizio.

Tutte le altre impostazioni rimangono invariate. Se vuoi configurare ulteriormente, ecco la guida completa che descrive quali sono tutte queste opzioni. Scorri verso il basso e fai clic su Crea distribuzione .

Ci vorranno alcuni minuti per la distribuzione, a seconda del contenuto del tuo sito. Una volta completato il processo, ti porterà alla schermata da cui troverai il nome di dominio (URL CloudFront).

Copia l'URL in Domain Name e vai alla scheda CDN di Breeze e incolla nel campo di testo CDN Root URL .

• Attiva CDN : segnalo se vuoi attivare il CDN.
• URL radice CDN : l'URL della distribuzione creata. Non dimenticare di aggiungere HTTP / HTTPS all'URL.
• Contenuto CDN : le directory del contenuto che si desidera vengano servite da un CDN.
• Escludi contenuto : se desideri escludere alcune estensioni di file o directory che non devono essere servite dal CDN, inseriscile qui.
• Percorso relativo : si consiglia sempre di abilitare il percorso relativo per mantenere la struttura di file e cartelle.

Mettiamolo alla prova!

Visita l'URL del tuo sito, visualizza il codice sorgente e cerca CloudFront . Vedrai che tutte le risorse, come CSS, JS e immagini, sono servite da CloudFront CDN.

6c. Aggiungi KeyCDN a WordPress

KeyCDN è uno dei principali fornitori di CDN per WordPress sul mercato. Ti suggerisco di provare i loro servizi sul tuo sito web (attraverso il periodo di prova gratuito) prima di optare per un account completo.

In questo articolo, dimostrerò come connettere KeyCDn con il plugin cache di Breeze in modo che tutto il contenuto sia servito tramite CDN.

Per prima cosa, devo registrarmi per un account KeyCDN compilando i pochi dettagli richiesti. Nel primissimo campo, inserisci l'URL del sito web che vuoi connettere con KeyCDN e inserisci altri dettagli come email e credenziali utente.

Dopo aver fatto clic sul pulsante Crea account , riceverai un'e-mail di verifica. Una volta verificato, vedrai la dashboard di KeyCDN:

Ottieni l'URL CDN aggiungendo la zona in KeyCDN

Il mio sito WordPress è stato aggiunto al mio account. Ora devo aggiungere una Zona rispetto all'URL del mio sito. Dal riquadro di sinistra, vai alla scheda Zone e ti verrà chiesto di configurare la zona.

• Nome zona: KeyCDN fornisce un URL speciale con formato predefinito: http://xxx-yyy.kxcdn.com. Dove XXXX è il nome che hai inserito nel campo Nome zona. Nel mio esempio, sarà wp-yyy.kxcdn.com perché ho inserito wp.
• Stato della zona : poiché il mio sito sarà pubblicamente accessibile, aggiungerò lo stato come Attivo.
• Tipo di zona : ci sono due tipi di zona, tirare o spingere. Oltre al tipo di zona, puoi vedere la casella di controllo Mostra funzionalità avanzate. Espandilo e configuralo, se sei abbastanza sicuro di quello che stai facendo! Altrimenti, lascialo come predefinito.
• URL di origine : inserisci l'URL del sito Web che desideri connettere a questa zona.

Dopo aver impostato la zona, verrai reindirizzato alla scheda Zona e lì vedrai una zona appena creata come nell'immagine qui sotto. Lo stato della mia zona è attualmente impostato su Implementazione . Ciò significa che sta configurando e collegando tutto tra la zona di KeyCDN e il sito web.

Il processo potrebbe richiedere alcuni minuti. Al termine, lo stato verrà modificato in Attivo . Puoi eliminare la cache andando sul pulsante Gestisci come l'immagine qui sotto.

Configura KeyCDN con Breeze

Ok, ho impostato KeyCDN, ho creato una zona e ho ottenuto l'URL della zona.

Copialo e vai alla scheda CDN sul plug-in della cache di Breeze WordPress e incollalo nel campo URL radice CDN .

Prova il sito

A questo punto, ho configurato correttamente il KeyCDN e l'ho connesso con il Breeze. Controlliamo se il CDN serve il sito web. Per questo visita il tuo sito web e visualizza la fonte della pagina premendo CTRL+U (Chrome). Cerca kxcdn e puoi vedere che CSS, JS e Immagini sono serviti tramite KeyCDN.

Breeze non si limita a loro, qualsiasi CDN basato su asset può essere facilmente configurato con Breeze. Devi solo ottenere l'URL del CDN di WordPress e incollarlo nella scheda CDN di Breeze. Questo è tutto!

Avvolgendo!

Abbiamo visto come la velocità svolga un ruolo importante nella conversione complessiva e nel ranking SEO del tuo sito. Dopotutto, investire in un buon CDN di WordPress non è una cattiva idea. Gli utenti di Cloudways possono facilmente integrare CloudwaysCDN dalla loro dashboard e pagano un economico $ 1 per 25 GB per applicazione. Il consumo aggiuntivo costa solo $ 0,04 per GB.