Cloudflare Cache Everything îmbunătățește WordPress TTFB cu 90%

Știi că viteza site-ului este un factor crucial pentru blogul tău. Cacheul Cloudflare totul vă poate ajuta cu adevărat să accelerați lucrurile.

Vizitatorii dvs. nu vor aștepta mai mult de câteva secunde ca paginile dvs. web să se încarce înainte de a pleca. Google precizează că timpul de răspuns este un factor semnificativ în clasarea căutării. Deci, da, viteza contează astăzi pentru site-ul dvs.

Este relativ ușor să obțineți viteze rezonabile de încărcare a paginii pentru desktop cu WordPress. Dar viteza mobilului nu este la fel de ușoară.

Cu toate acestea, există o modalitate de a vă îmbunătăți viteza site-ului în mod dramatic cu regulile paginii Cloudflare.

Folosești Cloudflare?

Primul pas pentru îmbunătățirea timpilor de răspuns pe partea serverului este să aveți site-ul dvs. rulând pe o CDN (Content Delivery Network).

Cel mai popular serviciu este Cloudflare pentru majoritatea bloggerilor, deoarece este extrem de eficient, de încredere și gratuit.

Dacă trebuie să adăugați site-ul dvs. la Cloudflare, acest tutorial de la WP Beginner este un loc excelent pentru a începe.

Dar dacă îl utilizați deja, puteți îmbunătăți dramatic performanța timpului la primul octet (TTFB).

Este unul dintre cei mai critici factori pentru viteza de încărcare a site-ului.

Într-un articol anterior, am scris despre îmbunătățirea vitezei pentru paginile de administrare WordPress cu reguli de trei pagini.

Dar pentru această remediere, trebuie să utilizați regula totul din cache Cloudflare.

Dacă folosești un cont Cloudflare gratuit, primești doar trei reguli de pagină.

Deci, va necesita modificări ale regulilor existente ale paginii.

Dar merită efortul.

Reducerea TTFB

Iată câteva exemple despre cât de multă diferență pot aduce aceste modificări la viteza TTFB.

Cele două imagini de mai jos, folosind Chrome Deleveopers Tools, vă arată cât de mult puteți face diferența în viteza dvs. mobilă.

Primul nu este optimizat și are un TTFB de 1,55 secunde.

Puteți vedea îmbunătățirea aici după adăugarea noii reguli Cloudflare. TTFB este acum de doar 33,25 milisecunde.

Din contul meu Freshping, puteți vedea timpii generali de răspuns pentru cele trei site-uri pe care le-am optimizat.

Ele sunt cu 90% mai rapide decât cele patru site-uri care nu sunt încă complet memorate în cache.

Cum să aplicați totul în cacheul Cloudflare

Înainte de a face aceste modificări, un cuvânt de avertisment.

Această metodă este potrivită doar pentru un site rezonabil static care nu se schimbă foarte des.

Nu este o idee bună dacă aveți conținut dinamic, cum ar fi modificarea widget-urilor, fluxuri Twitter, glisoare sau actualizări regulate de informații.

Când adăugați totul în cache la Cloudflare, acesta face ceea ce spune.

Iată cum puteți adăuga această îmbunătățire a vitezei site-ului din tabloul de bord Cloudflare.

Pentru a începe, va trebui să adăugați noua regulă. Faceți clic pe butonul aplicației regulile paginii din meniul de sus.

Dacă aveți deja trei reguli, va trebui să ștergeți una. În cazul meu, am șters regula *preview=true*.

Acum adăugați noua regulă de pagină pentru adresa URL a site-ului dvs. web, cu o stea metacară la fiecare capăt.

Apoi adăugați aceste setări ale regulilor.

Browser Cache TTL – 1 oră
Nivelul cache - Cache Everything
Edge Cache TTL – 7 zile

Faceți clic pe Salvați și totul este acum setat pentru anteturile dvs. de control cache.

O notă importantă este să verificați și să vă asigurați că vă comandați regulile ca în imaginea de mai sus.

Regula dvs. de cache a site-ului trebuie să vină după regulile wp-login și wp-admin pentru a proteja controlul cache-ului de origine al paginilor dvs. de administrator.

De asemenea, ar trebui să verificați setările din memoria cache a browserului Cloudflare pentru a vă asigura că ați selectat Respectați anteturile existente.

Verificați încărcătorul de rachete

De asemenea, poate doriți să verificați dacă utilizați Rocket Loader de la Cloudflare.

Când funcționează, funcționează extrem de bine, dar îți poate distruge și site-ul. Îl am pe două site-uri și este în regulă.

Dar pe alt site provoacă probleme, așa că l-am oprit.

După ce verificați dacă toate setările sunt corecte, accesați site-ul dvs. pentru a vedea dacă totul funcționează conform așteptărilor. Ar trebui să se încarce aproape instantaneu acum.

Apoi verificați viteza site-ului dvs. cu Google Page Speed ​​Insights, GTMetrix sau Pingdom pentru a vedea îmbunătățirea.

Scopul dvs. ar trebui să fie sub 200 ms pentru TTFB și sub 2 secunde pentru încărcat complet.

Iată o captură de ecran a timpului de încărcare pentru unul dintre site-urile mele de pe GTMetrix. Puteți vedea că este încărcat complet în doar 0,6 secunde.

Un dezavantaj și soluția

Deoarece totul de pe site-ul dvs. este acum stocat în cache, orice modificări pe care le faceți nu vor intra în vigoare până când ciclul cache-ului nu se șterge.

Acest lucru poate dura mult timp să se întâmple.

Prin urmare, atunci când adăugați o postare nouă sau editați o postare existentă, nu veți vedea modificările. Se aplică și noilor comentarii de pe site-ul dvs.

Singura modalitate de a evita acest lucru este să instalați pluginul Cloudflare.

Nu-mi place să adaug mai multe plugin-uri, dar acesta este esențial pentru această remediere a vitezei.

Odată ce îl adăugați, schimbați Gestionarea automată a memoriei cache la activat.

Acum va șterge fișierele individuale pe care le creați sau editați și apoi va stoca în cache noile fișiere de pe serverul dvs. web de origine.

Din plugin, puteți, de asemenea, să vă curățați întregul site. Dar această acțiune vă va crește timpul de încărcare.

Este mai bine să vă întrerupeți site-ul pe Cloudflare dacă doriți să ocoliți problemele de cache pentru a investiga orice probleme.

Butonul pe care chiar nu ar trebui să faceți clic este Optimize Cloudflare for WordPress.

Dacă o faci, schimbă o mulțime de setări care ar putea să nu fie de dorit pentru tine. Acestea includ minimizarea HTML, javascript și CSS și, de asemenea, modificarea setării antetelor existente.

Actualizare: O soluție nouă și mult mai bună

De când am scris acest articol, există acum un nou plugin gratuit WordPress disponibil care rezolvă aproape toate problemele cu Cloudflare Cache Everything.

Super Page Cache pentru Cloudflare este ușor de instalat și vă oferă mult control.

Pluginul vă ajută să păstrați în cache nu numai fișierele statice (de exemplu, CSS, JS, imagini etc.), ci și paginile web HTML generate de WordPress, atât la nivel de disc de server, cât și pe CDN-ul global Cloudflare.

L-am instalat pe unul dintre site-urile mele și a funcționat impecabil. TTFB a scăzut de la aproape o secundă la mai puțin de 0,2 secunde.

Este comparabil cu Cloudflare APO, care nu este un serviciu gratuit.

Dar dacă utilizați un cont Cloudflare gratuit, acest plugin gratuit va face aproape tot ce poate face APO.

Folosesc acest plugin de stocare în cache pe Just Publishing Advice și facilitează obținerea unui rezultat excelent Core Web Vitals.

Puteți verifica orice pagină de pe acest site cu PageSpeed ​​Insights sau GTMetrix pentru a vedea cât de bine funcționează totul în cache.

Aș fi surprins dacă nu ai obține un rezultat complet verde.

Dacă doriți să vă îmbunătățiți viteza de încărcare și Core Web Vitals, merită să aruncați o privire.

rezumat

Cloudflare Cache Totul funcționează foarte bine și vă va accelera enorm site-ul. Este eficient în special pentru îmbunătățirea vitezei site-ului mobil.

Dar nu este pentru fiecare site și pot exista dezavantaje în funcție de tema, funcționalitatea și designul site-ului.

Această metodă de stocare în cache este foarte agresivă, așa că verificați totul.

În mod ideal, ar trebui să îl încercați pe un site de staging sau sandbox pentru a vă asigura că site-ul dvs. funcționează fără probleme.

Dacă îl implementați pe site-ul dvs. live și întâmpinați probleme, puteți elimina oricând regula paginii. Apoi, curățați-vă complet site-ul pe Cloudflare.

Apoi te vei întoarce la locul de unde ai început.

Dacă aveți nevoie de ajutor, există o mulțime de intrări pe Cloudflare Support referitoare la conținutul static în cache și la cache totul.