Serviți active statice cu o politică de cache eficientă (3 metode)

Publicat: 2022-04-12

Când serviți materiale statice cu o politică eficientă de cache, browserul utilizatorului va stoca aceste fișiere local și va fi nevoie de mai puțin timp pentru a încărca pagina. În mod normal, de îndată ce o pagină este încărcată, toate resursele paginii respective, cum ar fi HTML, CSS, JavaScript și imagini, trebuie să fie descărcate.

Memorarea în cache a browserului permite browserului să preia elemente statice precum CSS, JavaScript și imagini din memoria cache locală. Ca rezultat, paginile se încarcă mai repede. Conținutul stocat în cache înseamnă că vizitele ulterioare la o pagină vor fi mai rapide decât prima vizită a unui utilizator, dar nu la prima vizită.

Cuprins

Ce este memoria cache?

Un cache este un strat de stocare a datelor de mare viteză în calcul care salvează o porțiune de date care este adesea de natură temporară, astfel încât cererile ulterioare pentru acele date să poată fi servite mai rapid decât accesarea locației de stocare primară a datelor. Memorarea în cache vă permite să reutilizați rapid datele care au fost preluate sau calculate anterior.

Cum funcționează de fapt memorarea în cache?

Datele dintr-un cache sunt de obicei păstrate în hardware cu acces rapid, cum ar fi RAM (memorie cu acces aleatoriu), dar pot fi utilizate și împreună cu o componentă software. Scopul de bază al unui cache este de a accelera recuperarea datelor prin eliminarea nevoii de a contacta stratul de stocare mai lent din spatele acestuia.

Spre deosebire de bazele de date, care stochează date întregi și de lungă durată, un cache stochează adesea o parte a datelor temporar.

Avantajele stocării în cache

Să trecem prin câteva avantaje ale stocării în cache.

Îmbunătățiți performanța aplicației dvs

Citirea datelor dintr-un cache din memorie este incredibil de rapidă, deoarece memoria este cu ordine de mărime mai rapidă decât discul (magnetic sau SSD) (sub-milisecundă). Acest acces substanțial mai rapid la date îmbunătățește performanța generală a aplicației.

Sarcina de backend ar trebui redusă

Prin mutarea unei părți din încărcarea de citire din baza de date backend la nivelul în memorie, memorarea în cache reduce stresul asupra bazei de date, împiedicând-o să sufere performanțe slabe în condiții de sarcină grea sau chiar să se prăbușească sub vârfuri.

Hotspot-urile din baza de date ar trebui eliminate

Multe aplicații tind să recupereze un subset de date mai frecvent decât restul. Ca rezultat, pot apărea puncte fierbinți în baza de date și poate fi necesar să supraprovizionați resursele acesteia pe baza cerințelor de debit pentru datele cele mai frecvent utilizate. Pentru datele accesate frecvent, un cache în memorie reduce cerințele de supraprovizionare, oferind în același timp performanțe rapide și previzibile.

Reduceți costul bazei de date

Operațiile de intrare/ieșire pe secundă (IOPS) pot fi efectuate de o singură instanță cache, permițându-i să înlocuiască mai multe instanțe de bază de date și să reducă costurile în mod semnificativ. Acest lucru este crucial dacă baza de date primară taxează în funcție de cantitatea de date. Ar putea exista o diferență mare de preț în anumite condiții.

Performanță care poate fi prevăzută

Tratarea creșterilor în utilizarea aplicațiilor este o problemă predominantă în sistemele moderne. Încărcarea crescută a bazei de date determină timpi mai mari de recuperare a datelor, ceea ce face ca performanța generală a aplicației să fie imprevizibilă. Această problemă poate fi rezolvată prin utilizarea unui cache în memorie de mare capacitate.

Creșteți numărul de persoane care citesc (IOPS)

Sistemele în memorie au rate de solicitare (IOPS) substanțial mai mari decât o bază de date comparabilă bazată pe disc, în plus față de o latență redusă. Când este utilizată ca cache laterală distribuită, o singură instanță poate îndeplini sute sau chiar mii de solicitări pe secundă.

Ce este stocarea în cache a activelor?

Memorarea în cache este o noțiune simplă. Când un browser descarcă un activ, folosește politica serverului pentru a determina dacă ar trebui sau nu să-l descarce din nou la vizitele ulterioare. Dacă serverul nu furnizează o politică, browserul este implicit, ceea ce înseamnă de obicei stocarea în cache a fișierelor pentru acea sesiune.

Ce este stocarea în cache a activelor statice?

specificați cât timp browserul ar trebui să rețină temporar sau să memoreze în cache resursa. Orice solicitări ulterioare pentru resursa respectivă sunt servite din copia locală a browserului, mai degrabă decât din rețea.

De fiecare dată când un vizitator al site-ului dvs. preia o versiune nouă a ceva care nu este deja memorat în cache în browser sau server, utilizați o politică de cache ineficientă. Când, de fapt, este posibil să le oferiți conținut salvat în cache și gata de utilizare.

Citiți și: Cum să remediați permalink-urile sparte în WordPress

Ce este politica de cache eficientă?

Dacă fișierele dvs. statice nu se modifică (sau aveți un mecanism acceptabil de eliminare a memoriei cache), vă sugerăm să setați politica de cache la 6 luni sau 1 an.

Elemente precum fișierele globale CSS/JS, logo-urile, grafica și așa mai departe se schimbă rar pe site-urile web finalizate, așa că 6 luni sau un an este o expirare corectă a cache-ului pentru a lucra.

Desigur, dacă modificați frecvent fișierele statice de mai sus, puteți alege un timp de expirare a cache-ului mai scurt, atâta timp cât este mai mare de 3 luni.

Serviți active statice cu o politică de cache eficientă

Există mai multe moduri în care putem deservi fișierele statice folosind o politică eficientă de cache, vom discuta 3 metode

  1. Folosind fișierul .htaccess dacă utilizați LiteSpeed ​​Enterprise sau Apache
  2. Utilizarea LiteSpeed ​​Cache
  3. Folosind pluginul W3 Total Cache

Serviți active statice folosind fișierul .htaccess pe Apache și LiteSpeed ​​Enterprise

Notă: Dacă utilizați OpenLiteSpeed ​​sau NGINX, această metodă nu va funcționa.

Conectați-vă la tabloul de bord WordPress

Faceți clic pe Plugins -> Add new din meniul din stânga

Căutați „Manager de fișiere”. Instalați și activați pluginul

Faceți clic pe „Manager de fișiere” din meniul din stânga

În folderul public_html, faceți clic dreapta pe .htaccess și faceți clic pe redenumire

Schimbați numele fișierului (.htaccess-error)

Faceți clic pe pictograma „fișier nou” de sus

Denumiți fișierul „.htacess”

Lipiți următorul cod și salvați și închideți

 <IfModule mod_expires.c> ExpiresActive On # CSS, JavaScript ExpiresByType text/css "access plus 1 year" ExpiresByType text/javascript "access plus 1 year" ExpiresByType application/javascript "access plus 1 year" # Fonts ExpiresByType font/ttf "access plus 1 year" ExpiresByType font/otf "access plus 1 year" ExpiresByType font/woff "access plus 1 year" ExpiresByType font/woff2 "access plus 1 year" ExpiresByType application/font-woff "access plus 1 year" # Images ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType image/webp "access plus 1 year" ExpiresByType image/svg+xml "access plus 1 year" ExpiresByType image/x-icon "access plus 1 year" # Video ExpiresByType video/webm "access plus 1 year" ExpiresByType video/mp4 "access plus 1 year" ExpiresByType video/mpeg "access plus 1 year" # Others ExpiresByType application/pdf "access plus 1 year" ExpiresByType image/vnd.microsoft.icon "access plus 1 year" </IfModule>

Serviți active statice folosind LiteSpeed ​​Cache

Trebuie să instalați și să activați pluginul LiteSpeed ​​Cache, odată instalat, urmați ghidul de mai jos:

  • Accesați tabloul de bord WordPress
Serviți active statice cu o politică de cache eficientă
  • Faceți clic pe LiteSpeed ​​Cache -> Cache din meniul din stânga
  • Faceți clic pe fila „Browser” din partea de sus
  • Activați comutatorul „Browser Cache”.
  • Faceți clic pe „Salvați modificările”

Serviți active statice folosind W3 Total Cache

Instalați și activați mai întâi pluginul W3 Total Cache, apoi urmați ghidul de mai jos.

  • Accesați tabloul de bord WordPress
  • Faceți clic pe Performanță -> Cache browser din meniul din partea stângă
  • Derulați în jos la „Media și alte fișiere”. Schimbați „Durata de viață a antetului expiră” la cel puțin 15552000 de secunde (180 de zile).
  • Faceți clic pe „Salvați toate setările”

Concluzie

Când furnizați elemente statice cu o strategie eficientă de cache, browserul utilizatorului va salva aceste fișiere local, reducând timpul necesar pentru încărcarea paginii. Toate resursele unei pagini, cum ar fi HTML, CSS, JavaScript și imagini, trebuie să fie descărcate imediat ce este încărcată.