Attivare la velocità Ludicrous Combina CloudFlare con una CDN sul tuo blog

Se stai cercando di accelerare il tuo blog, probabilmente hai usato tecniche come l'ottimizzazione delle immagini, l'eliminazione di plug-in e script non necessari e la minimizzazione di CSS e JavaScript. Tuttavia, l'ottimizzazione del contenuto sul tuo server locale non può che andare così lontano. Il prossimo passo nel gioco di velocità del blog ne sta approfittando Content Delivery Networks (CDN).

Cos'è un CDN? Fondamentalmente, è un servizio che memorizza alcuni elementi del tuo sito (immagini, file JavaScript, file CSS) e li distribuisce attraverso una rete di server dislocati geograficamente. Quando un visitatore raggiunge il tuo sito, il CDN determinerà il server sulla rete più vicina al visitatore e servirà i tuoi contenuti da lì. Questo può davvero ridurre i tempi di caricamento!

CloudFlare è molto popolare e gratuito CDN che è possibile utilizzare per questo scopo. L'uso di CloudFlare da solo può comportare una riduzione del tempo di caricamento sul tuo blog. Tuttavia, è possibile ridurre ulteriormente questi tempi di caricamento combinando CloudFlare con un CDN "completo". L'ho usato in collaborazione con MaxCDN per alcuni mesi nel mio blog, College Info Geek, e ho avuto ottimi risultati.

In questo tutorial, ti mostrerò come combinare questi due servizi sul tuo blog utilizzando W3 Total Cache. Dato che CloudFlare è gratuito e MaxCDN non lo è, passerò prima attraverso CloudFlare nel caso in cui ti serva solo un'opzione gratuita. Eccoci qui!


Passaggio 1 Installare W3 Total Cache

Prima di iniziare a creare il tuo account CloudFlare, ti consigliamo di installare e configurare il plugin W3 Total Cache sul tuo blog. Questo è un plugin che richiede un po 'di configurazione. Puoi seguire l'eccellente tutorial di installazione di WPBeginner per correggere tutte le tue impostazioni prima di procedere.


Passaggio 2 Creare un account CloudFlare e aggiungere il sito

Vai al sito Web CloudFlare e crea un account utilizzando il tuo indirizzo email e il nome utente di tua scelta.

Una volta effettuato l'accesso, è ora di iniziare a configurare il tuo sito Web con CloudFlare. Nota: alcuni host Web includono un'opzione di attivazione CloudFlare automatica nel tuo cPanel. Vi suggerisco caldamente di NON usare questa opzione - l'ho provata all'inizio e il mio sito ha finito per andare giù per tre giorni a causa di un problema di propagazione del dominio. Fare la configurazione manuale è davvero semplice e ti aiuterà a evitare tempi di inattività o mal di testa!

Ok, ora dovresti vedere una schermata simile a questa:

CloudFlare inizierà a eseguire la scansione della configurazione DNS del tuo sito e vedrai una piccola pubblicità mentre succede. Momenti divertenti. Una volta terminato (circa 45 secondi circa), è possibile passare alla fase successiva del processo.

Poiché stai cambiando i server dei nomi, CloudFlare potrebbe diventare attivo sul tuo sito fino a 24 ore.

Ora dovresti vedere una pagina che mostra cosa pensa CloudFlare nel tuo DNS Zone File. È necessario accedere al proprio file di zona DNS e assicurarsi che tutte le voci siano state trasferite. È possibile accedere a questo file tramite cPanel del proprio sito Web (o pannello di amministrazione simile). Se non riesci a trovare il tuo file di zona DNS, contatta l'assistenza dell'host e chiedi dove è possibile individuarlo.

Il passaggio 3 ti consente di scegliere quale UN e CNAME record che desideri che CloudFlare controlli. Di default, il UN registrare per il tuo dominio e il CNAME la registrazione etichettata "www" dovrebbe essere l'unica evidenziata. Raccomando di mantenere questa impostazione e continuare.

Infine, il passaggio 4 ti offre nuovi server dei nomi che devi utilizzare per il tuo dominio. Per sostituire quelli vecchi e collegarli, accedi al sito web del tuo registro di dominio e vai al tuo gestore dominio. Se utilizzi GoDaddy, dovresti visualizzare un pulsante con l'etichetta "Nameserver" direttamente nel gestore dominio. Altri registrar dovrebbero avere uno strumento simile.


Passaggio 3 Aggiungi i tuoi dettagli CloudFlare a W3 Total Cache

Riceverai un'email non appena il tuo dominio sarà stato propagato ai nuovi server dei nomi che hai inserito. Una volta che questo accadrà, sarai in grado di accedere alle tue opzioni CloudFlare. Ora è il momento di aggiungere i dettagli di CloudFlare a W3 Total Cache e iniziare a sfruttare i vantaggi.

Accedi al tuo account CloudFlare e vai al account scheda. Qui sarai in grado di vedere l'email del tuo account, il nome utente e la tua chiave API unica. In particolare, avrai bisogno della tua e-mail di account e chiave API unica per questa parte.

Dirigiti verso il tuo WordPress Dashboard e trova l'opzione etichettata Prestazione. Questo è il pannello delle impostazioni per W3 Total Cache. Di default impostazioni generali scheda, scorrere fino alla sezione intitolata Prestazioni di rete e sicurezza supportate da CloudFlare. Esegui i seguenti passaggi:

  • Fai clic sulla casella di controllo Abilitare
  • Inserisci l'indirizzo email che hai utilizzato per il tuo account CloudFlare
  • Incolla nel tuo Chiave API
  • Inserisci il tuo nome di dominio
  • Imposta il tuo livello di sicurezza su qualsiasi cosa tu ritenga appropriato. Personalmente l'ho impostato Basso. Ho scoperto che impostarlo su qualcosa sopra questo sembra non necessario e può effettivamente portare a falsi positivi.
  • Assicurarsi Modalità di sviluppo è spento a meno che non si stiano modificando il design del sito.
  • Clic Salva tutte le impostazioni.

Eccezionale! Hai fatto la prima parte. Se vuoi mantenerlo un calvario senza costi, puoi andare avanti e fermarti qui. Il solo fatto di avere CloudFlare dovrebbe comportare un buon incremento di velocità per il tuo sito. Se vuoi ottenere ancora più velocità gratuitamente, consulta la Guida rapida di WordPress Speed ​​per altri suggerimenti.

Se vuoi massimizzare il tuo potenziale, tuttavia, continua a leggere. Ora implementeremo MaxCDN.


Passaggio 4 Registrati per MaxCDN

Bene, quindi vuoi fare il grande passo e integrarti Due Soluzioni CDN sul tuo blog. Dolce. Come ho detto sopra, lo sto facendo da circa quattro mesi. Finora, la combinazione ha funzionato molto bene e il mio sito è davvero scattante (specialmente per essere pesante per le immagini).

Ok, quindi la prima cosa da sapere su MaxCDN (o qualsiasi CDN "completo") è che costa denaro. Non è molto costoso, ma costa più di un caffè. Quindi, dovresti usarlo? Ecco alcune indicazioni:

MaxCDN è generalmente più veloce di CloudFlare. Essendo un CDN dedicato, ha una maggiore infrastruttura impostata per servire i contenuti nel modo più locale possibile. Quindi penso che la decisione se usarla o meno dovrebbe essere basata sul traffico e sulle dimensioni della pagina. Hai un sacco di immagini e media che stai servendo? Hai un design molto visivo con molti elementi che devi caricare? Tutte queste cose possono aumentare i tempi di caricamento. E il tuo pubblico? Stai ricevendo 10 visite al giorno o 10.000? Più traffico hai, più è importante che il tuo sito sia ottimizzato per la velocità. MaxCDN eliminerà parte del carico di banda del tuo server, quindi anche questa è una considerazione.

Se hai deciso che vale la pena spendere il tuo denaro, vai su MaxCDN.com e fai clic sul pulsante di registrazione. Scegli il Paga come vai opzione (probabilmente non sei abbastanza grande per Enterprise, e se lo sei dovresti probabilmente parlare con MaxCDN per l'implementazione!). Il prezzo base per questa opzione è $ 39,95, ma puoi ottenerlo a circa $ 30 usando i codici coupon. Per questo prezzo, ottieni un terabyte di larghezza di banda CDN. È qui che l'integrazione CloudFlare è davvero utile; utilizzando entrambi, sono riuscito a utilizzare solo 92 GB negli ultimi quattro mesi (e questo è con 30.000- 40.000 pagine visualizzate al mese). A questo ritmo, la larghezza di banda dovrebbe durare 3,5 anni (anche se la crescita del traffico diminuirà questo). $ 30 per 3,5 anni non è affatto male.

Una volta che ti sei registrato e hai il tuo account, vai avanti e accedi. Per ottenere MaxCDN che fornisce il contenuto del tuo sito, devi impostare una zona. Segui questi passaggi per fare proprio questo.

  • Nella tua dashboard, vai al Gestisci le zone linguetta.
  • Dovresti vedere una scatola con l'etichetta Tirare le zone. Clic Crea Pull Zone.
  • Compila il tuo Pull Zone Name. Questo può essere quello che vuoi.
  • Nel URL del server di origine, inserisci l'intero URL incluso http: //.
  • Entrare in un Dominio CDN personalizzato. Suggerirei cdn.yourdomain.com.
  • Il tuo Etichetta può essere tutto ciò che vuoi.
  • Assicurarsi Compressione è controllato.
  • Clic Creare.

Passaggio 5 Impostare MaxCDN in Cache totale W3

L'ultimo passaggio in questo tutorial è abilitare il tuo CDN in W3 Total Cache e personalizzarlo. Per fare ciò, torna al impostazioni generali scheda di W3 Total Cache sul tuo blog e scorri verso il basso fino alla sezione intitolata CDN.

  • Clic Abilitare.
  • Imposta il tuo tipo di CDN su NetDNA / MaxCDN.
  • Clic Salva tutte le impostazioni.

Quindi, dirigiti verso il CDN scheda di W3 Total Cache. Qui modificherete le impostazioni del CDN per far funzionare tutto correttamente. Tutto sotto il Generale la sezione dovrebbe essere lasciata così com'è - assicurati solo che tutte le caselle siano spuntate tranne l'ultimo.

Il Configurazione sezione è dove lavorerai di più qui. Segui questi passaggi per installarlo correttamente:

  • Compila il tuo ID API e Chiave API. Puoi trovarli accedendo al tuo account MaxCDN, andando a Le mie impostazioni, e andando al API scheda. L'ID e la chiave saranno elencati qui.
  • Lasciare l'opzione di supporto SSL come Auto.
  • Sostituisci il nome host del tuo sito con il dominio CDN che hai creato (cnd.yourdomain.com).
  • Clic Salva tutte le impostazioni.

Solo un'ultima cosa da fare! Sotto il Avanzate sezione, selezionare la casella nella parte inferiore etichettata Imposta il dominio dei cookie su "tuodominio.com". Tutto il resto può essere lasciato solo; se si scopre che il CDN ha problemi con un determinato file dopo essere stato installato e in esecuzione, è possibile rimuovere il suo tipo di file in un secondo momento. Hai finito!


Conclusione

Ora hai un blog supportato da CloudFlare e MaxCDN. Dovresti notare miglioramenti significativi della velocità, che puoi migliorare ancora facendo cose come minimizzare CSS e JavaScript, usando WP Smush.it sulle tue foto e riducendo al minimo l'utilizzo dei plugin. Goditi il ​​tuo nuovo veloce blog!

Hai avuto esperienza con CloudFlare, MaxCDN o qualsiasi altra rete di distribuzione di contenuti? Condividi le tue esperienze con noi nei commenti qui sotto.