Cum să folosiți cache-ul browserului în WordPress

Un browser web precum Chrome stochează fișierele statice și le memorează în cache atunci când vizitați prima dată un site web. Aceste fișiere stocate sunt în general fișiere statice, cum ar fi imagini, javascript și fișiere CSS. Îl numim cache de browser deoarece este stocat în memoria browserului, pe computerul dumneavoastră.

Dacă executați un test de viteză al dvs WordPress pe blog s-ar putea să găsiți o recomandare care spune:

„Folosiți memorarea în cache a browserului”. 

Este o sugestie comună dată de multe instrumente de testare a vitezei.

Captura de ecran de mai sus este de la GTmetrix. Pentru recomandarea „leverage browser cache” a dat blogului 87 de note.

Când remediați această problemă, veți vedea o îmbunătățire a scorurilor de viteză a paginii. Memorarea în cache a browserului este esențială pentru faceți site-ul dvs. să se încarce rapid.

În acest articol, permiteți-mi să vă arăt cum să utilizați cache-ul browserului pe serverul dvs. în câțiva pași.

1. Utilizarea W3 Total Cache WordPress Plugin

Dacă sunteți pe WordPress, lucrurile ar fi simple, deoarece trebuie doar să instalați un plugin numit Cache totală W3 (W3TC). Este un plugin de cache avansat și vine cu caracteristicile de care avem nevoie.

Pasul 1: Activați funcția Browser Cache în Setările W3TC

Accesați setările generale W3TC. Acolo veți găsi caseta de selectare „Cache browser”. Activați-l pentru a activa memorarea în cache generală a browserului.

Pasul 2: Activați opțiunea cache specifică

Odată ce activați memoria cache a browserului, setările pentru acesta vor deveni active. Accesați setările cache ale browserului pentru a activa anumite funcții cache.

Pasul 3: Salvați și ștergeți memoria cache

Pentru ca setările dvs. să funcționeze, va trebui să le salvați. Faceți clic pe butonul Salvați toate setările de la sfârșitul setărilor. Apoi faceți clic pe ștergeți toată memoria cache pentru a vă activa setările pe site-ul dvs.

Testați-vă site-ul acum și nu ar trebui să mai avertizați „utilizați memoria cache a browserului”.

2. Utilizarea fișierului .htaccess în serverul Apache

Serverul Apache are un fișier numit .htaccess. Acest fișier se ocupă de cererea serverului și controlează directoarele și cererile.

Pentru a activa memoria cache a browserului și a-l utiliza dacă sunteți pe serverul Apache, copiați și inserați acest cod în partea de sus sau la sfârșit:

## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
## EXPIRES CACHING ##

Acest cod asigură că fișierele dvs. statice care includ imagini CSS și javascript vor fi stocate în cache în browsere pentru o perioadă lungă de timp. Veți găsi fișierul .htaccess în folderul rădăcină al serverului. Priviți imaginea de mai sus pentru referință.

3. Utilizarea antetului Cache-Control pe serverul Nginx

Dacă vă găzduiți blogul pe un server Nginx, nu veți găsi un fișier .htaccess pe rădăcina serverului. Asta pentru că Nginx nu folosește .htaccess pentru a gestiona solicitările. Puteți citi mai multe despre de ce nu există .htaccess în Nginx.

Copiați și inserați codul de mai jos în locația de configurare a serverului dvs. sau în blocul rădăcină al serverului.

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

location ~*  \.(jpg|jpeg|gif|png|svg)$ {
        expires 365d;
    }

    location ~*  \.(pdf|css|html|js|swf)$ {
        expires 2d;
    }

Mai rămâne o cale ușoară...

Prin utilizarea unui CDN

Această modalitate este cea mai simplă modalitate prin care puteți rezolva această eroare de cache. A rețeaua de difuzare a conținutului (CDN) gestionează mai repede cache-ul și solicitările HTTP, astfel încât site-ul dvs. să funcționeze mai rapid, indiferent de unde este accesat.

Folosind pur și simplu un CDN, puteți îmbunătățiți viteza de încărcare a site-ului dvs drastic. Mai mult, gestionează cel mai bun cache iar browserul solicită funcții automat.

Recomand să folosești KeyCDN. Sunt rapide și rentabile.

Asta e tot. De asemenea, ați dori să citiți despre cum să remediați eroarea de redirecționare și reîmprospătare wp-admin. Citit cum să remediați când meniul mobil receptiv din WordPress nu funcționează.

Spune-mi cât de mult te-ai îmbunătățit folosind acest ghid.