Cum să activați memorarea în cache a browserului utilizând Cloudflare în WordPress?

Memorarea în cache a browserului este o tehnică de accelerare a site-ului dvs., solicitând browserului să stocheze sau să „memoreze cache” fișiere statice pentru o perioadă de timp, astfel încât acestea să nu fie descărcate din nou la vizitele ulterioare. Pe scurt, asta este tot ce este.

În acest tutorial vom învăța cum să adăugați antetul expiră în Cloudflare, care, practic, spune browserului cât timp ar trebui să memoreze în cache resursele statice.

Dacă doriți să utilizați memorarea în cache a browserului, trebuie să spuneți browserelor web cât timp ar trebui să păstreze local imaginile, fișierele CSS și Javascript în browserul client. Browserul utilizatorului va folosi mai puține date atunci când navighează pe paginile site-ului dvs. dacă sunt utilizate anumite standarde și setări (deoarece trebuie să descarce mai puține fișiere). Utilizarea memorării în cache a browserului în WordPress are ca rezultat un timp de încărcare mai rapid pentru site-ul dvs.

Ce este memorarea în cache a browserului?

Memorarea în cache este procesul de stocare a datelor într-un cache. Un cache nu este altceva decât un spațiu temporar de stocare a datelor.

Stocarea tranzitorie a conținutului în browserele web este denumită cache în browser. Browserul web al unui vizitator descarcă și salvează diverse resurse ale site-ului web pe unitatea locală. Imaginile, fișierele HTML și fișierele JavaScript se numără printre acestea. Pagina web se va încărca rapid, iar consumul de lățime de bandă va fi redus data viitoare când utilizatorul vizitează site-ul.

Avantajele caching-ului

Paginile web pot fi preluate în prealabil și stocate în cache pe clienți, proxy și servere. Memorarea în cache online are o serie de avantaje, inclusiv performanță web îmbunătățită.

• Memorarea în cache reduce consumul de lățime de bandă, reduce traficul de rețea și reduce congestionarea rețelei.
• Din două motive, memorarea în cache reduce latența de acces:
  • a) Documentele vizitate frecvent sunt preluate dintr-un cache proxy local mai degrabă decât de la servere de date îndepărtate, reducând întârzierile de transmisie.
  • b) Deoarece stocarea în cache reduce traficul de rețea, documentele care nu sunt stocate în cache pot fi recuperate mult mai rapid decât ar fi fără ea, datorită congestiei reduse de-a lungul căii și volumului de lucru mai mic al serverului.
• Prin distribuirea datelor între cache-urile proxy de-a lungul rețelei WAN, memorarea în cache minimizează volumul de lucru al serverului web îndepărtat.
• Clientul poate achiziționa o copie în cache la proxy dacă serverul la distanță nu este disponibil din cauza unei blocări sau a unei partiționări a rețelei. Ca rezultat, robustețea serviciului Web este îmbunătățită.

Cum funcționează memorarea în cache a browserului?

O explicație a modului în care funcționează memorarea în cache a browserului este prezentată în graficul de mai jos.

Serverul web adună date de pe un site web și le trimite în fereastra browserului. În funcție de faptul că vizitatorul este un vizitator pentru prima dată sau a vizitat deja site-ul, se realizează memorarea în cache.

Să aruncăm o privire la aceste două exemple pentru a vedea cum funcționează stocarea în cache.

Cazul 1: Un utilizator pentru prima dată

Graficul de mai jos prezintă o circumstanță în care o persoană vizitează un site web pentru prima dată.

Browserul web colectează date de la serverul web atunci când accesați un site web pentru prima dată. Acest lucru se datorează faptului că resursele online nu au fost încă stocate în cache. Browserul de internet va salva apoi resursele online într-un cache, astfel încât să puteți avea o experiență mai bună data viitoare când vizitați site-ul web.

Cazul 2: Utilizatorul a vizitat deja site-ul web.

Dacă un utilizator vizitează a doua oară un site web pe același dispozitiv de calcul, a doua vizită se va încărca mai repede decât prima. Acest lucru se datorează faptului că browserul web va folosi memoria cache pentru a obține resurse web statice, cum ar fi imagini, CSS și JavaScript. Pagina HTML va fi livrată prin intermediul browserului web.

Acest scenariu de caz este prezentat în graficul de mai jos.

Vizualizarea de mai sus implică faptul că informația este actuală. Termenul „conținut proaspăt” se referă la lucruri care nu au expirat încă și pot fi preluate din cache. Materialul învechit este conținut care a depășit data de expirare a memoriei cache și poate fi obținut numai de pe serverul web.

Analizați-vă site-ul folosind GTMetrix

Este posibil să fi observat eroarea „Adăugați anteturi Expires” dacă ați folosit GTmetrix pentru a vă evalua site-ul.

Cum să verificați antetul memoriei cache în browserul dvs.?

Anteturile de răspuns sunt utilizate de memorarea în cache a browserului. Browserul trimite „anteturi de solicitare” cu fiecare solicitare HTTP, iar serverul răspunde cu „anteturi de răspuns” și datele.

Serverul specifică un antet de răspuns numit „cache-control” care spune browserului cât de mult să memoreze fișierele în cache (în secunde).

Faceți clic pe cele trei puncte (meniul kebab) din partea dreaptă sus a browserului dvs. Chrome

Faceți clic pe Mai multe instrumente -> instrumente pentru dezvoltatori

În Network -> js , veți găsi folderele necesare.

Deschideți fișierul jquery și faceți clic pe Antet pentru a observa controlul cache .

După cum puteți vedea, fișierele cache sunt încărcate instantaneu din unitate sau memorie (RAM).

Memorarea în cache a browserului vă permite să faceți următoarele:

• Încărcarea serverului ar trebui să fie redusă.
• Reduceți timpul necesar pentru încărcarea unei pagini
• Reduceți costurile cu lățimea de bandă.

Cum se activează memorarea în cache a browserului utilizând Cloudflare (Adăugați anteturi Expires Cloudflare)?

Dacă utilizați Cloudflare, puteți adăuga cu ușurință anteturi de expirare la fiecare solicitare cu doar două clicuri și fără pluginuri.

Accesați tabloul de bord Cloudflare

Introduceți domeniul dvs

Faceți clic pe Caching -> Configuration din meniul din partea stângă

Derulați în jos la „Browser Cache TTL” și modificați durata în consecință

Acesta va fi setat la 4 ore în mod implicit. Schimbați-l cu ceva care durează mai mult de două luni și gata!

Concluzie

Memorarea în cache a browserului este o strategie de îmbunătățire a site-ului dvs. web, solicitând browserului să salveze sau să „memoreze cache” fișierele pentru o perioadă de timp stabilită, astfel încât acestea să nu fie recuperate din nou la vizite multiple. Pe scurt, asta este tot ce este.

Dacă doriți să utilizați memorarea în cache a browserului, trebuie să informați browserele web cât timp ar trebui să păstreze imaginile, fișierele CSS și Javascript în browserul client. Dacă se aplică standarde și setări specifice, browserul utilizatorului va consuma mai puține date atunci când navighează în paginile site-ului dvs. Utilizarea memoriei cache a browserului în WordPress reduce timpul necesar pentru încărcarea site-ului dvs.