Cum se instalează Cloudflare CDN pe WordPress

Publicat: 2018-07-04
Urmăriți @Cloudways

Viteza și securitatea sunt două dintre cele mai importante cerințe ale unui site web WordPress. De aceea am petrecut nenumărate zile și nopți (și am mâncat și mai multe nenumărate gogoși) în construirea celei mai impresionante platforme cloud gestionate pentru găzduirea site-urilor WordPress.

Cu toate acestea, găzduirea nu este singurul factor implicat în îmbunătățirea vitezei site-ului dvs. WordPress. O altă modalitate de a face acest lucru este prin intermediul unui CDN, care reprezintă rețeaua de livrare a conținutului. În acest articol, vă voi arăta cum să instalați și să configurați cu ușurință Cloudflare CDN pentru site-ul dvs. WordPress.

  • Ce este Cloudflare CDN?
  • Configurarea Cloudflare CDN în WordPress
    • Pasul 1: Înscrierea la Cloudflare
    • Pasul 2: Adăugarea URL-ului site-ului
    • Pasul 3: Selectați planul dvs. Cloudflare
    • Pasul 4: Examinați înregistrările DNS
    • Pasul 5: Schimbați-vă serverul de nume
    • Pasul 6: Schimbați NameServer din Registratorul de domenii
    • Pasul 7: Ghid de pornire rapidă Cloudflare
    • Pasul 8: Verificați starea CDN Cloudflare
  • Adăugarea Să criptăm certificatele la Cloudflare

În acest articol, vă voi arăta cum să configurați Cloudflare CDN pe WordPress. Înainte de a începe procesul de configurare, să înțelegem ce este Cloudflare CDN și cum vă ajută să vă optimizați Core Web Vitals.

Ce este Cloudflare CDN?

Cloudflare CDN este unul dintre cele mai populare CDN-uri disponibile acolo, cu o rețea care acoperă mai mult de 200 de orașe. Acesta servește conținutul web al site-urilor web pe baza distanței geografice a vizitatorilor de pe site.

Oferă conținut static, dinamic și media, alături de alte servicii precum securitate, optimizare și SSL. Site-urile care utilizează un serviciu Cloudflare CDN minimizează latența la sfârșitul utilizatorului, deoarece conținutul lor este stocat în cache și livrat de pe cel mai apropiat server.

Să aruncăm o privire la caracteristicile oferite de Cloudflare CDN.

Unele caracteristici importante ale Cloudflare CDN

  • Rutare inteligentă
  • Livrarea fluxului
  • Echilibrarea sarcinii
  • Caching
  • Optimizări
  • Pagini mobile accelerate

Cloudflare CDN este un furnizor de renume CDN cu servere răspândite pe tot globul pentru a servi conținutul site-ului dvs. web în fiecare colț al lumii. Cloudflare oferă mai multe funcții în funcție de plan.

Rutare inteligentă

Acesta este un mod inteligent de rutare a traficului prin cea mai rapidă rețea disponibilă, cu un algoritm care utilizează informații de rețea în timp real pentru a decide calea cea mai rapidă.

Livrarea fluxului

Transmiterea media poate dura mult timp pentru a fi încărcată dacă este accesată din celălalt colț al regiunii. Pentru a rezolva această problemă, Cloudflare CDN oferă un mecanism special de stocare în cache pentru a livra fișiere de flux instantaneu.

Echilibrarea sarcinii

Cloudflare oferă o funcție de echilibrare a încărcării bazată pe abonament, care începe de la 5 USD pe lună. Este un echilibru de încărcare bazat pe DNS, care ajută aplicațiile să îmbunătățească performanța și disponibilitatea site-ului.

Caching

Cloudflare pe WordPress oferă un mecanism avansat de stocare în cache care salvează automat conținutul static, purjarea cache-ului și stocarea în cache a nivelurilor.

Am văzut că un site web tipic folosește atât conținut dinamic, cât și conținut static. Cloudflare vă poate economisi atât pe procesor, cât și pe lățimea de bandă a gazdei dvs. web, utilizând propriile servere pentru conținut. Cloudflare pe WordPress poate reduce latența utilizatorului final și poate îmbunătăți experiența generală a utilizatorului.

Citiți mai multe: Cum să utilizați Cloudflare CDN cu pluginul W3 Total Cache

Optimizări

Uneori trebuie să integrăm instrumente și API-uri terțe pentru funcționalități specifice. Aceste resurse nu sunt în controlul nostru și, dacă nu sunt configurate corect, pot provoca decalaje.

Cloudflare este conceput pentru a oferi o experiență web rapidă și pentru a optimiza ordinea resurselor paginii.

Imaginile mari sau neoptimizate pot cauza probleme de performanță. Algoritmul Cloudflare Image Optimization optimizează pagina web în mod automat prin minimizarea numărului de conexiuni de rețea și simplificarea livrării imaginilor. Acest lucru împiedică resursele terților să încetinească pagina web.

Pagini mobile accelerate

Accelerated Mobile Pages este o tehnică de încărcare a paginilor web mai rapide pe dispozitive mobile atunci când este căutat de pe motorul de căutare mobil Google. Din ce în ce mai mulți utilizatori își folosesc dispozitivele mobile pentru a naviga pe internet.

Link-urile mobile accelerate CDN Cloudflare sunt alimentate de AMP și încarcă paginile web compatibile AMP în fereastra de vizionare de trei ori mai rapid decât paginile mobile standard.

Cloudflare oferă mai multe opțiuni precum CDN, optimizarea anunțurilor, securitate DDoS, analize și multe altele. De asemenea, oferă un plan gratuit pe care îl puteți utiliza înainte de a achiziționa un plan plătit.

Configurarea Cloudflare CDN în WordPress

Cloudflare oferă multe opțiuni precum CDN, optimizarea anunțurilor, securitate DDoS, analize și multe altele. Pe lângă planurile gratuite, acestea oferă mai multe planuri premium, unde veți avea caracteristici mai puternice.

MaxCDN și Cloudflare sunt doi furnizori de CDN utilizate pe scară largă de către utilizatorii WordPress. În acest tutorial, voi împărtăși cum puteți instala Cloudflare pe un site web WordPress găzduit pe Cloudways.

Pasul 1: Înscrierea la Cloudflare

Mai întâi, trebuie să creați un cont pe Cloudflare. Dacă îl aveți deja în loc, puteți sări peste acest pas.

înregistrarea ecranului cloudflare

Pasul 2: Adăugarea URL-ului site-ului

După ce vă înscrieți pe Cloudflare, va apărea un nou ecran în care va trebui să furnizați domeniul dvs. și să faceți clic pe Adăugare site .

adăugați adresa URL a site-ului

Pasul 3: Selectați planul dvs. Cloudflare

După ce adăugați adresa URL a site-ului, Cloudflare vă va întreba despre planul pe care doriți să îl utilizați. Pentru acest tutorial, merg cu planul GRATUIT.

selectați planul cloudflare

Pasul 4: Examinați înregistrările DNS

Următorul pas este să revizuiți înregistrările DNS și să verificați dacă acestea sunt configurate corect sau nu. Aici, Cloudflare va prelua toată configurația DNS de la registratorul de domeniu și, în cazul meu, există doar două înregistrări DNS (tip A). Examinați-vă înregistrările și pur și simplu faceți clic pe Continuare .

înregistrări dns

Pasul 5: Schimbați-vă serverul de nume

După cum puteți vedea în imaginea de mai jos, trebuie să schimbați serverele de nume ale registratorului de domeniu și să le înlocuiți cu cele furnizate de Cloudflare.

schimbați-vă serverul de nume

Pasul 6: Schimbați NameServer din Registratorul de domenii

Acum, deschideți registratorul de domenii și schimbați serverele de nume. Domeniul meu este cu Freenom și am schimbat cu succes serverele de nume.

schimbați serverul de nume din registratorul domeniului

Pasul 7: Ghid de pornire rapidă Cloudflare

După ce modificați serverele de nume, reveniți la fila Setări CDN Cloudflare, faceți clic pe Efectuat și verificați serverele de nume. Veți vedea o fereastră popup a Ghidului de pornire rapidă .

ghid de pornire cloudflare

Apoi, pur și simplu faceți clic pe Începeți și configurați setările domeniului pentru a vă îmbunătăți securitatea și performanța. Prima secțiune de setări este Îmbunătățirea securității și are 2 subsecțiuni; Rescrieți automat HTTPS și utilizați întotdeauna HTTPS . Voi merge cu configurațiile de securitate implicite și voi face clic pe butonul Salvare .

securitate cloudflare

Următorul proces este Optimizarea performanței și are, de asemenea, două subsecțiuni; Auto Minify și Brotli . Secțiunea Auto Minify este secțiunea de minimizare HTML, JS și CSS care vă va ajuta să accelerați site-ul WordPress. Selectez toate opțiunile pentru Auto Minify, iar pentru Brotli, merg cu setarea implicită.

Notă: dacă selectați minimizarea pe Cloudflare, evitați-o pe Breeze sau pe orice alt plugin Cache. De ce? Activarea reducerii la ambele capete va cauza probleme și se recomandă utilizarea unu câte unul.

cloudflare minify

Ultima secțiune este Rezumatul, unde veți vedea configurațiile dvs. de securitate și performanță. După ce sunteți mulțumit de setări, faceți clic pe Finalizare .

finalizați configurarea cloudflare

Veți primi următoarea notificare în tabloul de bord Cloudflare „ Vești minunate! Cloudflare vă protejează acum site-ul ”. Starea se va schimba în „Activ” și puteți utiliza diverse opțiuni din panoul superior pentru a configura diverse sarcini legate de securitate și performanță.

cloudflare instalat

Pentru a profita din plin de Cloudflare pe site-ul WordPress, este recomandat să instalați pluginul lor pe site-ul dvs. web.

Pasul 8: Verificați starea CDN Cloudflare

Dacă doriți să verificați dacă Cloudflare CDN funcționează sau nu, deschideți site-ul WordPress pe orice browser> apăsați „ Ctrl + Shift + i ”> Rețea . Apoi reîmprospătați pagina unde veți vedea solicitările site-ului dvs. Faceți clic pe una dintre solicitări și verificați dacă există „ cd-cache-status ”. Dacă este HIT, atunci CDN-ul dvs. funcționează bine.

verificați starea cdn cloudflare

Adăugarea Să criptăm certificatele la Cloudflare

Cu Cloudways, puteți crea un certificat SSL pentru site-ul dvs. WordPress utilizând Let's Encrypt. Nu poate fi creat în timp ce Cloudflare este activat pe domeniul dvs. Pentru a activa certificatul Let's Encrypt, urmați pașii de mai jos:

Pasul 1: Conectați-vă la tabloul dvs. de bord Cloudflare și sub fila DNS , dezactivați opțiunile www și yourdomain.com schimbând starea proxy doar la DNS . Un nor gri înseamnă că serviciul este dezactivat.

Pasul 2: Accesați panoul de gestionare a aplicației Cloudways, certificat SSL Introduceți adresa de e - mail > Nume domeniu și faceți clic pe Instalare certificat .

cloudways ssl

Pasul 3: Acum, accesați panoul dvs. de gestionare a serverului> Setări și pachete> fila Avansat și , sub Modul WAF, alegeți Cloudflare .

modulul cloudwaf waf

Pasul 4: Reveniți la tabloul de bord Cloudflare și activați opțiunea pe care am dezactivat-o la pasul 1.

Pasul 5: Apoi, faceți clic pe fila SSL / TLS din partea de sus și transformați SSL în Flexible . Poate dura până la 24 de ore pentru ca Cloudflare să activeze certificatul. Cu toate acestea, dacă ați folosit deja același domeniu înainte, acesta va fi activat instantaneu.

cloudflare flexibil ssl

Asta e tot! Veți primi o grămadă de opțiuni după ce ați configurat Cloudflare pe site-ul dvs. WordPress. Majoritatea opțiunilor sunt pentru planuri plătite, dar dacă vă ajută, vă recomandăm să vă actualizați planurile și să profitați din plin de acestea!

Gânduri finale

Cloudflare pe WordPress îmbunătățește experiența utilizatorilor care vă vizitează site-ul și economisește resursele valoroase ale procesorului și lățimii de bandă ale serverului dvs. web. Este un CDN extrem de optimizat, care poate elimina complet grija de latență și de a crește viteza site-ului WordPress.

Întrebări frecvente (FAQ)

Cloudflare este un furnizor de găzduire?

Nu, CloudFlare CDN este un furnizor de rețea de livrare a conținutului care oferă servicii CDN. Site-urile care își folosesc serviciile au acces la rețeaua lor imensă de servere prin care servește conținutul static și dinamic al site-ului, reducând latența la sfârșitul utilizatorului.

Care este diferența dintre MaxCDN și Cloudflare?

Cloudflare vine cu opțiunea unui plan gratuit, în timp ce MaxCDN nu. Cloudflare este ușor de configurat și oferă securitate site-ului web. MaxCDN poate fi configurat folosind pluginul W3 Total Cache și este utilizat de companii renumite.