Cum să adăugați anteturi Expires în WordPress (2 metode)

Una dintre greșelile comune pe care le vedem la proprietarii de site-uri WordPress este neglijarea caching-ului browserului. Site-ul dvs. web poate pierde vizitatori din cauza timpilor lenți de încărcare a paginilor. Chiar și după optimizarea imaginilor și upgrade-ul găzduirii, site-ul dvs. poate părea în continuare lent până când adăugați antete expires.

Antetele de expirare funcționează spunând browserelor vizitatorilor să stocheze fișierele site-ului dvs., cum ar fi imagini, CSS și JavaScript, pentru o anumită perioadă de timp. Acest lucru înseamnă că atunci când cineva vizitează mai multe pagini de pe site-ul dvs., browserul său nu trebuie să descarce totul din nou.

Rezultatul este un timp de încărcare semnificativ mai rapid pentru vizitatorii care revin, ceea ce îmbunătățește experiența utilizatorului și poate crește clasamentul dvs. în căutări.

Am implementat antete expires pe numeroase site-uri WordPress și am rafinat procesul la două metode fiabile care funcționează pe orice configurație de hosting. Indiferent dacă vă simțiți confortabil editând codul sau preferați o soluție prin plugin, vă vom arăta cum să adăugați antete expires pe site-ul dvs. WordPress.

Cum sunt utilizate antetele Expires în WordPress?

Prima dată când cineva vizitează o pagină web de pe site-ul dvs. WordPress, toate fișierele sunt încărcate unul câte unul. Toate aceste cereri HTTP între browser și serverul dvs. de găzduire WordPress cresc timpul de încărcare a paginii web.

Caching-ul browserului stochează unele sau toate aceste fișiere pe computerul vizitatorului. Asta înseamnă că data viitoare când vizitează pagina, fișierele pot fi încărcate de pe propriul lor computer, îmbunătățind performanța site-ului dvs. WordPress și experiența utilizatorului.

Acum, s-ar putea să vă întrebați cum știu browserele ce fișiere să salveze și cât timp să le păstreze. Aici intervin „antetele expires”.

Regulile privind fișierele care trebuie salvate și durata salvării lor sunt setate folosind fie antete expires, fie antete cache-control. În acest articol, ne vom concentra pe antetele expires, deoarece sunt mai simple de configurat pentru majoritatea utilizatorilor.

Antetele Expires stabilesc o dată de expirare pentru fiecare tip de fișier stocat în cache-ul browserului. După această dată, fișierele vor fi reîncărcate de pe serverul dvs. pentru a oferi vizitatorilor cea mai recentă versiune a paginii.

Vă vom arăta cum să adăugați antete de expirare folosind două metode diferite. Prima metodă este mai ușoară și recomandată pentru majoritatea utilizatorilor. Puteți face clic pe linkurile de mai jos pentru a sări la secțiunea preferată:

1. Adăugați antete de expirare cu pluginul WordPress WP Rocket
2. Adăugați antete expires în WordPress folosind cod
3. Întrebări frecvente despre antetele Expires în WordPress
4. Tutorial video

Metoda 1: Adăugați antete Expires cu plugin-ul WP Rocket WordPress

WP Rocket este cel mai prietenos pentru începători plugin de performanță WordPress de pe piață. Odată activat, funcționează imediat pentru a îmbunătăți viteza site-ului dvs. web, fără a fi nevoie să vă ocupați de setări complicate de configurare, așa cum fac multe alte plugin-uri de caching.

WP Rocket este un plugin premium, dar partea cea mai bună este că toate funcționalitățile sunt incluse în cel mai mic plan al lor.

Primul lucru pe care trebuie să îl faceți este să instalați și să activați pluginul WP Rocket. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalezi un plugin WordPress.

Odată instalat și activat, WP Rocket va activa automat caching-ul browserului. Implicit, adaugă antete de expirare și antete de control al cache-ului cu cele mai bune setări pentru a accelera site-ul dvs. WordPress.

Acesta este tot ce trebuie să faceți. Dacă doriți să aflați mai multe despre plugin, consultați ghidul nostru despre cum să instalați și să configurați corect WP Rocket în WordPress.

Dacă preferați să utilizați un plugin gratuit de caching pentru a adăuga antete de expirare pe site-ul dvs. web, atunci vă recomandăm să aruncați o privire la W3 Total Cache.

W3 Total Cache oferă unele dintre aceleași caracteristici ca WP Rocket, dar nu este la fel de prietenos pentru începători. De asemenea, nu oferă toate caracteristicile pe care le obțineți într-un plugin de performanță all-in-one precum WP Rocket. Va trebui să activați manual antetele de expirare, deoarece acestea nu le activează automat.

Metoda 2: Adăugați antete expires în WordPress folosind cod

A doua metodă de a adăuga antete de expirare în WordPress implică adăugarea unui fragment de cod la fișierele dvs. WordPress. Nu o recomandăm începătorilor, deoarece o greșeală în cod ar putea cauza erori grave și ar putea defecta site-ul dvs.

Înainte de a face aceste modificări, vă recomandăm să faceți mai întâi o copie de rezervă a site-ului dvs. WordPress. Pentru mai multe detalii, consultați ghidul nostru despre cum să faceți backup și să restaurați site-ul dvs. WordPress.

Acestea fiind spuse, să vedem cum să adăugăm antete expires 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 folosește servere Apache sau Nginx. Trebuie să navigați la site-ul dvs. web, să faceți clic dreapta pe pagină, apoi să selectați opțiunea „Inspect”.

Apoi, trebuie să faceți clic pe fila „Rețea” 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, puteți face clic pe numele domeniului dvs. din partea de sus a coloanei „Nume”.

Apoi ar trebui să derulați în jos la secțiunea 'Response Headers' și să căutați un element numit 'server'.

Acest lucru vă va arăta ce server web este utilizat. În acest caz, site-ul rulează pe un server Nginx.

Acum că știți ce server web folosește site-ul dvs., folosiți linkurile de mai jos pentru a sări înainte:

• Cum să adăugați antete expires în Apache
• Cum să adăugați antete de expirare în Nginx

Cum să adăugați antete expires în Apache

Pentru a adăuga antete expires unui server Apache, trebuie să adăugați 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. Veți găsi fișierul dvs. .htaccess în folderul rădăcină al site-ului dvs. web.

Apoi, trebuie să adăugați 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.

Puteți adăuga următorul cod în partea de sus a fișierului dvs. .htaccess:

## 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 ##

Aceste valori ar trebui să funcționeze bine pentru majoritatea site-urilor, dar puteți ajusta perioadele de timp dacă nevoile dvs. sunt diferite.

Observați că codul setează date de expirare diferite pentru cache, în funcție de tipul fișierului. Imaginile sunt cache-uite mai mult timp decât HTML, CSS, Javascript și alte tipuri de fișiere, deoarece acestea de obicei rămân aceleași.

Cum să adăugați antete de expirare în Nginx

Dacă utilizați un server Nginx pentru a găzdui blogul dvs. WordPress, atunci trebuie să editați fișierul de configurare al serverului pentru a adăuga antetele expires.

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:

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 din nou că imaginile sunt cache-uite mai mult timp decât HTML, CSS, JS și alte tipuri de fișiere, deoarece imaginile de obicei rămân aceleași.

Întrebări frecvente despre antetele Expires în WordPress

Mai jos sunt prezentate câteva dintre cele mai frecvente întrebări pe care le primim despre implementarea antetelor expires pe site-urile WordPress. Acestea ar trebui să vă clarifice orice nelămurire ați putea avea cu privire la proces.

1. Ce sunt exact antetele expires și de ce am nevoie de ele?

Antetele expires sunt instrucțiuni care spun browserelor web cât timp să stocheze (cache) fișierele site-ului dvs. web local pe computerul vizitatorului. Când cineva vă vizitează site-ul, fișiere precum imagini, CSS și JavaScript sunt descărcate și stocate temporar. Cu antete expires, vizitatorii care revin nu trebuie să descarce din nou aceste fișiere până la expirarea lor, ceea ce accelerează timpii de încărcare ai site-ului dvs.

2. Adăugarea antetelor expires va afecta site-ul meu WordPress?

Când sunt implementate corect, anteturile expires nu vă vor afecta site-ul. Cu toate acestea, dacă folosiți metoda manuală de codare și faceți o greșeală în fișierul dvs. .htaccess, acest lucru ar putea cauza probleme. De aceea, recomandăm întotdeauna să faceți o copie de rezervă a site-ului dvs. înainte de a face orice modificări și să folosiți un plugin precum WP Rocket pentru începători, deoarece acesta gestionează totul automat, fără riscuri.

3. Cât timp ar trebui să setez antetele mele de expirare pentru diferite tipuri de fișiere?

Recomandăm setarea unor timpi de expirare mai lungi pentru fișierele care se schimbă rar, cum ar fi imaginile (1 an), și timpi mai scurți pentru fișierele care se actualizează mai frecvent, cum ar fi CSS și JavaScript (1 lună). Fișierele HTML ar trebui să aibă cei mai scurți timpi de cache (câteva zile), deoarece conținutul dvs. se schimbă în mod regulat. Exemplele de cod din articolul nostru folosesc aceste intervale de timp dovedite, care funcționează bine pentru majoritatea site-urilor WordPress.

4. Pot folosi anteturi expires cu orice furnizor de găzduire WordPress?

Da, anteturile expires funcționează cu majoritatea furnizorilor de găzduire, dar metoda de implementare depinde de tipul serverului dvs. Majoritatea găzduirilor partajate folosesc servere Apache, ceea ce înseamnă că veți adăuga cod în fișierul dvs. .htaccess. Unii furnizori folosesc servere Nginx, care necesită editarea fișierului de configurare a serverului. Dacă nu sunteți sigur de tipul serverului dvs., vă arătăm cum să verificați acest lucru în articol, sau puteți contacta furnizorul dvs. de găzduire pentru asistență.

5. Am nevoie de antete expires dacă folosesc deja un CDN?

În timp ce CDN-urile (Rețele de Livrare de Conținut) ajută la accelerarea site-ului dvs. prin servirea fișierelor din locații mai apropiate de vizitatorii dvs., antetele de expirare oferă în continuare beneficii suplimentare. Ele funcționează împreună cu CDN-urile pentru a reduce și mai mult cererile către server și pentru a îmbunătăți timpii de încărcare.

Multe servicii CDN au, de asemenea, propriile reguli de caching, dar setarea antetelor expires pe serverul dvs. de origine asigură un comportament de caching consecvent în toate scenariile.

6. Cum pot testa dacă antetele mele expires funcționează corect?

Puteți testa antetele dvs. expires folosind instrumente online precum GTmetrix, Google PageSpeed Insights sau Pingdom. Aceste instrumente vor analiza site-ul dvs. și vă vor arăta dacă caching-ul browserului este configurat corect. De asemenea, puteți utiliza instrumentele de dezvoltator ale browserului dvs. pentru a verifica antetele de răspuns și a vedea dacă antetele expires sau cache-control sunt trimise împreună cu fișierele dvs.

Tutorial video

Sperăm că acest tutorial v-a ajutat să învățați cum să adăugați antete expires în WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre cum să remediați ușor avertismentul 'Leverage Browser Caching' în WordPress sau selecția noastră de experți a celor mai bune servicii CDN WordPress.

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.