Cum să rezolvi ușor avertismentul Leverage Browser Caching în WordPress

Dacă ați rulat vreodată site-ul dvs. WordPress printr-un instrument de testare a vitezei, șansele sunt că ați văzut avertismentul „valorificați memoria cache a browserului” apărând. Activăm memoria cache a browserului pe toate site-urile noastre pentru a asigura o performanță optimă a WordPress ca parte importantă a procesului nostru de optimizare.

Caching-ul browserului poate suna tehnic, dar conceptul este simplu: le spune browserelor vizitatorilor să stocheze anumite fișiere local, astfel încât să nu fie nevoie să le descarce din nou la vizitele viitoare. Acest lucru poate reduce la jumătate timpul de încărcare a paginii, ceea ce înseamnă vizitatori mai mulțumiți și clasamente mai bune în motoarele de căutare.

Nu trebuie să fii un dezvoltator pentru a remedia acest avertisment. Îți vom arăta mai multe metode ușoare pentru a activa cache-ul browserului pe site-ul tău WordPress, de la soluții simple cu plugin-uri la modificări manuale de cod. Până la sfârșitul acestui ghid, vei avea un site mai rapid și un avertisment mai puțin de care să-ți faci griji.

Ce este memoria cache a browserului în WordPress?

Cache-ul browserului este o modalitate de a îmbunătăți viteza de încărcare a site-ului dvs. WordPress.

În mod normal, atunci când o pagină web se încarcă, toate fișierele vor fi încărcate separat. Acest lucru creează multiple solicitări între browser și serverul dvs. de hosting WordPress, ceea ce crește timpul de încărcare a paginii web.

Când caching-ul browserului este activat, browserul dvs. web stochează o copie a paginii dvs. web local. Acest lucru permite browserelor să încarce mai rapid fișiere comune precum foi de stil, logo-uri și imagini atunci când utilizatorul vizitează o a doua pagină de pe site-ul dvs.

Acest lucru reduce sarcina generală a serverului, deoarece mai puține solicitări vor fi trimise către serverul real, optimizând performanța și, ca urmare, experiența utilizatorului.

Unde vei vedea avertismentul „Folosește cache-ul browserului”?

Avertismentul „Utilizați cache-ul browserului” înseamnă că nu aveți activat cache-ul browserului sau că cache-ul dvs. ar putea fi configurat greșit.

Când efectuați un test de viteză a site-ului web folosind un instrument precum GTmetrix sau Google PageSpeed Insights, veți primi un raport care vă arată ce puteți remedia pentru a accelera WordPress.

Dacă site-ul dvs. web nu utilizează în prezent caching-ul browserului, veți primi un avertisment pentru a activa caching-ul browserului.

Așa poate arăta atunci când vă uitați la rezultatele de la un instrument de analiză a vitezei paginii.

Uneori veți primi un avertisment care spune că politica dvs. de cache eficientă nu funcționează.

Ambele avertismente se referă la o eroare în configurarea caching-ului browserului dvs.

Dacă vezi avertismentul „Folosește cache-ul browserului”, înseamnă că va trebui să activezi și să personalizezi regulile de cache pentru a accelera site-ul tău.

Acestea fiind spuse, să aruncăm o privire la cum să remediați cu ușurință avertismentul „Leverage browser caching” în WordPress folosind două metode diferite. Pur și simplu utilizați linkurile rapide de mai jos pentru a alege metoda pe care doriți să o utilizați:

1. Remediați avertismentul „Leverage Browser Caching” cu WP Rocket
2. Remediați avertismentul „Leverage Browser Caching” folosind cod
3. Întrebări frecvente despre utilizarea cache-ului browserului

Metoda 1: Remediați avertismentul „Valorificați memoria cache a browserului” cu WP Rocket

WP Rocket este cel mai bun plugin de caching WordPress de pe piață. Este ușor de utilizat pentru începători și vă poate ajuta să vă optimizați site-ul pentru viteză, totul fără a cunoaște termeni complecși de caching și viteză.

Imediat după instalare, toate setările de cache recomandate vor accelera cu adevărat blogul dvs. WordPress.

Pentru a remedia avertismentul „Leverage browser caching” cu WP Rocket, tot ce trebuie să faceți este să instalați și să activați pluginul.

Asta e tot.

Pentru mai multe detalii, puteți consulta ghidul nostru despre cum să instalați și să configurați corect WP Rocket în WordPress.

WP Rocket va activa automat cache-ul browserului și va modifica fișierul tău .htaccess cu regulile corecte.

Metoda 2: Remediați avertismentul „Leverage Browser Caching” folosind cod

A doua metodă implică adăugarea de cod la fișierele WordPress. Dacă nu ați mai făcut acest lucru înainte, consultați ghidul nostru pentru începători despre cum să lipiți fragmente de pe web în WordPress.

Această metodă nu este la fel de prietenoasă pentru începători, așa că vă rugăm să urmați acest lucru doar dacă știți exact ce faceți. Pentru majoritatea proprietarilor de afaceri, recomandăm utilizarea Metodei 1.

Acestea fiind spuse, să vedem cum să remediem avertismentul „Activați caching-ul browserului” prin adăugarea de cod în WordPress.

Determinați dacă site-ul dvs. web rulează Apache sau Nginx

Mai întâi, trebuie să aflați dacă site-ul dvs. web utilizează servere Apache sau Nginx.

Pentru a face acest lucru, deschideți site-ul dvs. web într-o filă sau fereastră nouă. Apoi, faceți clic dreapta și selectați opțiunea „Inspect”.

Apoi, dă clic pe fila „Network” din partea de sus a paginii.

Este posibil să fie necesar să reîmprospătați pagina pentru ca rezultatele să se încarce.

După aceea, faceți clic pe numele domeniului dvs. în coloana „Nume”.

Ar trebui să fie în partea de sus a paginii.

Apoi, în secțiunea „Antete de răspuns”, veți vedea un element numit „server” unde este afișat tipul de server.

În acest caz, site-ul rulează pe un server Apache.

Adăugați antete Cache-Control și Expires în Apache

Pentru a remedia avertismentul „Activați caching-ul browserului” cu un server Apache, veți adăuga cod în fișierul dvs. .htaccess.

Pentru a edita acest fișier, trebuie să vă conectați la contul dvs. de hosting WordPress cu un client FTP sau instrumentul de gestionare a fișierelor al gazdei dvs.

După ce sunteți conectat, puteți vedea fișierul dvs. .htaccess în folderul rădăcină al site-ului dvs. web.

Dacă nu îl puteți găsi, atunci nu vă faceți griji. Uneori, acest fișier poate fi ascuns. Pentru mai multe detalii, consultați ghidul nostru despre de ce nu puteți găsi fișierul .htaccess pe site-ul dvs. WordPress.

Apoi, trebuie să adăugați antete cache-control și/sau antete expires pentru a activa caching-ul browserului. Acest lucru îi spune browserului web cât timp ar trebui să stocheze resursele site-ului dvs. web înainte ca acestea să fie șterse.

• Antetul cache-control oferă detalii specifice browserului web despre cum ar trebui să se facă caching-ul.
• Antetul expires permite caching-ul și îi spune browserului web cât timp ar trebui să stocheze fișiere specifice înainte de a fi șterse.

Puteți adăuga următorul cod în fișierul dvs. .htaccess pentru a adăuga antete de expirare:

## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 3 days"
</IfModule>
## EXPIRES HEADER CACHING ##

Acest cod stabilește diferite date de expirare a cache-ului în funcție de tipul fișierului.

După aceea, puteți adăuga următorul cod pentru a activa controlul cache-ului:

<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
    Header set Cache-Control "max-age=96000, public"
</filesMatch>

Acest cod setează timpul de expirare pentru momentul în care cache-ul trebuie reîmprospătat. În exemplul de mai sus, cache-ul va expira în 90.000 de secunde.

Nu uitați să salvați fișierul după ce îl editați. După aceea, browserul web va solicita noi versiuni ale fișierelor.

Adăugați antete Cache-Control și Expires în Nginx

Dacă utilizați un server web Nginx pentru a găzdui site-ul dvs. WordPress, puteți edita fișierul de configurare al serverului pentru a remedia eroarea de caching a browserului.

Modul în care editați și accesați acest fișier depinde de gazda dvs., așa că puteți contacta furnizorul dvs. de găzduire dacă aveți nevoie de ajutor pentru accesarea fișierului.

Apoi, trebuie să adăugați următorul cod pentru a adăuga antete de expirare:

location ~* \.(jpg|jpeg|gif|png|svg)$ {
  expires 365d;
}
 
location ~* \.(pdf|css|html|js|swf)$ {
  expires 3d;
}

Acest cod va seta timpii de expirare pentru diferitele tipuri de fișiere. Observați că imaginile sunt cache-ate mai mult timp decât HTML, CSS, JS și alte tipuri de fișiere, deoarece imaginile rămân de obicei aceleași.

După aceea, puteți adăuga următorul cod pentru a adăuga antete cache-control:

location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
 expires 14d;
 add_header Cache-Control "public, no-transform";
}

Acest cod setează timpul pentru expirarea cache-ului. Spune serverului dvs. că tipurile de fișiere de mai sus nu se vor modifica timp de 14 zile.

Dacă doriți să accelerați și mai mult WordPress, atunci asigurați-vă că consultați ghidul nostru despre cum să accelerați viteza și performanța WordPress.

Întrebări frecvente despre utilizarea cache-ului browserului

Iată câteva dintre cele mai frecvente întrebări despre remedierea avertismentului de activare a caching-ului browserului în WordPress. Aceste răspunsuri vă vor ajuta să înțelegeți mai bine caching-ul browserului și să depanați orice probleme pe care le puteți întâmpina.

1. Ce înseamnă avertismentul „folosește cache-ul browserului”?

Avertismentul „utilizați cache-ul browserului” apare atunci când site-ul dvs. WordPress nu le spune browserelor vizitatorilor să stocheze fișiere local pentru vizitele viitoare. Acest avertisment apare în instrumente de testare a vitezei precum Google PageSpeed Insights și GTmetrix atunci când site-ul dvs. ar putea încărca mai repede prin activarea cache-ului browserului. În esență, înseamnă că pierdeți o modalitate simplă de a îmbunătăți performanța site-ului dvs.

2. Cât timp ar trebui să setez timpii de expirare a cache-ului browserului?

Pentru majoritatea site-urilor WordPress, recomandăm setarea imaginilor să expire după 1 an, fișierele CSS și JavaScript după 1 lună, iar alte fișiere statice după 3-7 zile. Imaginile se schimbă rar, deci pot fi stocate în cache mai mult timp, în timp ce fișierele CSS și JS pot fi actualizate mai frecvent. Puteți ajusta oricând aceste perioade în funcție de cât de des actualizați conținutul și designul site-ului dvs.

3. Va afecta activarea cache-ului de browser site-ul meu web?

Nu, activarea cache-ului browserului nu va defecta site-ul dvs. Cache-ul browserului afectează doar modul în care fișierele sunt stocate în browserele vizitatorilor și nu modifică fișierele reale ale site-ului dvs. Cu toate acestea, recomandăm întotdeauna crearea unei copii de rezervă înainte de a face orice modificări pe site-ul dvs., mai ales când editați manual codul sau fișierele .htaccess.

4. Am nevoie de un plugin de cache dacă furnizorul meu de găzduire oferă cache?

În timp ce mulți furnizori de găzduire oferă funcționalități de bază de caching, un plugin dedicat de caching precum WP Rocket oferă, de obicei, opțiuni de optimizare mai cuprinzătoare. Caching-ul la nivel de gazdă se concentrează adesea pe caching-ul din partea serverului, în timp ce pluginuri precum WP Rocket gestionează caching-ul browserului, compresia fișierelor și alte funcționalități de performanță. Puteți folosi ambele împreună pentru beneficii maxime de viteză.

5. De ce văd în continuare avertismentul după activarea cache-ului de browser?

Dacă încă vedeți avertismentul „Leverage browser caching” după activarea acestuia, ar putea exista câteva motive: setările cache-ului dvs. s-ar putea să nu fie configurate corect, CDN-ul dvs. ar putea suprascrie setările sau instrumentul de testare ar putea verifica rezultatele cache-ului. Încercați să ștergeți cache-ul site-ului dvs., așteptați 24-48 de ore pentru ca modificările să se propășească și apoi rulați din nou testul de viteză.

6. Poate cache-ul browserului să cauzeze probleme cu actualizările site-ului web?

Cache-ul browserului poate face ocazional ca vizitatorii să vadă versiuni învechite ale site-ului dvs. după ce faceți actualizări. Acest lucru se întâmplă deoarece browserul lor încarcă versiunea cache-uită în loc de fișierele noi. Majoritatea plugin-urilor de cache gestionează acest lucru automat prin ștergerea cache-ului atunci când actualizați site-ul. Dacă este necesar, puteți, de asemenea, să spuneți vizitatorilor să-și ștergă cache-ul browserului sau să folosească refresh hard (Ctrl+F5) pentru a vedea cea mai recentă versiune.

Sperăm că acest articol v-a ajutat să învățați cum să remediați cu ușurință avertismentul „Activați caching-ul browserului” în WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre cum să rulezi corect un test de viteză pentru site-ul web și selecțiile noastre de experți pentru cel mai rapid hosting WordPress pentru un site web rapid.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.