Cum se cache un site web pentru performanță maximă: un ghid pentru începători pentru cache -ul web

Învățarea modului de a cache a unui site web este esențial. Cache -ul este important în performanța site -ului, experiența utilizatorului și SEO. Există mai multe moduri de implementare a acesteia și veți afla totul despre asta în această postare.

Mai jos, discutăm despre ce este cache, cum funcționează, beneficiile sale și diferitele tipuri care există. După aceea, vă arătăm trei metode diferite pe care le puteți utiliza pentru a permite cache -ul pentru site -ul dvs. web și un studiu de caz pentru a sublinia impactul său asupra performanței. În cele din urmă, vom acoperi rapid cum și de ce să ștergeți un cache de site.

Ce este memoria cache?

La nivelul cel mai de bază, memoria cache înseamnă stocarea copiilor fișierelor într -un cache - o locație de stocare temporară - pentru a le pune la dispoziție pentru acces rapid. Este o metodă folosită în multe domenii de software și tehnologie, inclusiv browsere, programe și sisteme de operare.

Deoarece site -urile web constau din diferite tipuri de fișiere, sunt perfect potrivite pentru cache. Puteți stoca fișierele HTML, CSS, JavaScript și Image ale site -ului dvs. pentru a permite browserelor să le acceseze mai repede și să arate site -ul dvs. web mai rapid.

Unele tipuri de conținut sunt mai potrivite pentru cache decât pentru altele. De exemplu, conținutul static, care înseamnă elemente de site care nu se schimbă des, este perfect pentru acesta. Logo -ul site -ului dvs. web este un exemplu bun, deoarece este puțin probabil să îl schimbați des.

Pe de altă parte, conținutul care se schimbă frecvent este o poveste diferită. În timp ce îl puteți cache, trebuie să puneți reguli pentru a vă asigura că vizitatorii nu văd o versiune învechită. Mai multe despre asta în curând.

Beneficiile cache -ului pentru site -uri web

Motivul principal pentru a cache un site web este îmbunătățirea performanței. Dacă un browser poate utiliza mai rapid fișierele de care are nevoie pentru a afișa un site web, vizitatorii văd mai repede site -ul.

Acest lucru duce la o experiență mai bună a utilizatorului, ceea ce face ca vizitatorii să fie mai susceptibili să rămână pe site -ul dvs. mai mult timp, să ia măsuri dorite precum cumpărarea unui produs sau să se întoarcă mai târziu. Toate veștile bune pentru rata de conversie și linia de jos.

Viteza site -ului este, de asemenea, ceva care se îngrijesc de motoarele de căutare. Google îl folosește ca factor de clasare de mai bine de un deceniu. În plus, valorile sale de vitale web de bază se măsoară în mod specific cât de rapid apare o pagină pentru utilizatori și cât de rapid răspunde la intrarea utilizatorului.

În plus, memoria cache scoate stresul de pe serverul tău. Reduce numărul de fișiere care repetă vizitatorii trebuie să descarce de pe site -ul dvs. și cu câte solicitări trebuie să se ocupe de serverul dvs. în același timp. În plus, memoria cache vă permite chiar să externalizați o parte din lucrări către servere externe.

Acest lucru este deosebit de important atunci când site -ul dvs. web devine mai popular. Cache -ul vă ajută să vă împiedicați serverul să devină copleșit. În plus, economisește lățimea de bandă și costă dacă sunteți pe un plan limitat de găzduire.

Care sunt tipurile de memorie în cache?

Este posibil să cachezi un site web la diferite niveluri ale procesului de încărcare. Există două tipuri principale: cache de server și client.

Caching-ul din partea clientului se referă la orice se întâmplă pe computer sau în browserul (adică „clientul”) vizitatorilor dvs. Pe de altă parte, cache -ul serverului are loc pe mașina care conține fișierele site -ului dvs. web.

Browser/cache client

Când browserele afișează un site web, trebuie să descarce o mulțime de date. Pentru a scurta timpul de încărcare al unei vizite repetate, stochează o mulțime de conținut pe hard disk -ul vizitatorului, unde este mai rapid de accesat.

Un exemplu în acest sens este cache -ul DNS. Înseamnă că salvarea locală a adresei IP asociate cu un site web, astfel încât browserul nu trebuie să o caute data viitoare când doriți să accesați site -ul.

În plus, browserele își verifică întotdeauna cache -ul pentru a vedea dacă există active necesare - cum ar fi imaginile și alte fișiere - sunt deja acolo. În acest fel, nu trebuie să contacteze la fel de mult serverul.

Caching server

Există diferite forme de memorie în cache a serverului. Ele diferă în principal de tipul și cantitatea de date salvate pe server:

• Caching pentru pagini: Aceasta înseamnă salvarea unei versiuni HTML deja compilate a unei pagini, astfel încât nu trebuie creată de la zero pentru fiecare vizitator.

• Caching Object: Aici, serverul salvează cererile bazei de date pentru reutilizare, cum ar fi căutările de produse într -un magazin online.

• Fragment Caching: descrie stocarea elementelor specifice ale site -ului web, de obicei resurse statice precum imaginile.

• Caching CDN: În acest caz, copii ale datelor site -ului dvs. web se află pe servere suplimentare în diferite locații. Permite vizitatorilor să -l descarce mai repede de pe serverul cel mai apropiat de ei.

Cum funcționează memoria cache

Aruncați o privire la următoarea imagine:

Din cele de mai sus, este deja ușor de înțeles cum funcționează memoria cache:

1. Tipuri de utilizator într -o adresă URL și browserul web verifică dacă are datele paginii solicitate în cache.

2. Dacă se întâmplă, trimite un mesaj către serverul care declară ce versiuni de fișier a salvat.

3. Serverul verifică dacă există versiuni mai noi și, dacă există, trimite resursele actualizate. Dacă au fost solicitate anterior, serverul le poate transmite din propriul cache fără a le prelucra de la zero.

4. Browserul web afișează pagina web solicitată folosind datele existente din memoria cache a acestuia și orice date trimise de pe server.

Acum este timpul să vorbim despre tehnologia care face ca memoria cache a unui site web posibil: caching anteturi.

Înțelegerea anteturilor de solicitare și răspuns

Anteturile de solicitare și răspuns sunt piese mici de text schimbate de browsere și servere. Acestea includ informații importante și instrucțiuni pentru datele transmise între ele.

Un lucru pe care îl fac este să configureze comportamentul în cache și să existe mai multe anteturi în acest scop. Acestea includ cache-control, expiră, modificate de ultimă oră și ETAG. Anteturile în cache funcționează practic în două moduri:

1. Declarați dacă un fișier de site -ul web ar trebui să fie în cache în cache, pentru cât timp și de cine (browsere și/sau servere).

2. Marcați vârsta și „versiunea” unui fișier, astfel încât browserele să o reconstituie doar dacă există o ediție mai nouă pe server.

Toate acestea ajută la reducerea numărului de fișiere și a cantității de date care trebuie transmise pentru a încărca un site web, contribuind la accelerarea procesului. Și în timp ce anteturile în cache pot părea un pic tehnic, sunt importante să fie conștienți, mai ales dacă decideți să configurați memoria cache pe serverul dvs. de mână.

Cum se cache un site web: 3 opțiuni de luat în considerare

După toată această teorie, să discutăm despre cum să cachezi un site web în termeni practice.

1. Activați cache -ul manual

Configurarea cache -ului de mână este cea mai complicată abordare, deoarece necesită să configurați manual anteturile de cache pe serverul dvs.

Primul pas este să verificați status quo -ul, deoarece furnizorul dvs. de găzduire sau software -ul site -ului dvs. web ar fi putut deja să facă o parte din lucrări pentru dvs. Pentru asta, deschideți site -ul dvs. într -un browser, accesați instrumentele pentru dezvoltatori (CTRL/CMD+SHIFT+I În majoritatea browserelor), Tand Hen Go To the Network Tab (este posibil să fie nevoit să reîncărcați pagina pentru a vedea ceva aici).

Faceți clic pe orice resursă pentru a vedea anteturile de solicitare și răspuns.

După aceea, trebuie să vă definiți strategia de memorie în cache. Acest lucru va arăta diferit pentru fiecare caz de utilizare. De exemplu, un site web de știri are nevoie de intervale de memorie în cache mai scurte decât un site de broșură. Conținutul site -urilor de știri se schimbă în minut, în timp ce broșurile rămân în mare parte la fel.

În general, doriți să încercați să echilibrați durata memoriei cache și prospețimea datelor:

• Cache active statice mai lungi, de exemplu, fișiere media și conținut descărcabil. De exemplu, puteți cache în cache fișierele logo -ului și fontului pentru o perioadă maximă de un an.

• Utilizați cache-control: fără magazin pentru resurse care nu ar trebui să fie în cache în cache.

• Includeți un validator, cum ar fi modificat de ultimă oră sau ETAG pentru a asigura prospețimea resurselor, fără a sacrifica beneficiile cache-ului. Unele cache-uri web necesită, de asemenea, un antet de control al vârstei și un validator pentru a funcționa deloc.

Următorul pas este să implementați setările alese pe serverul dvs. Cum să faci asta depinde de ce software rulează serverul tău. Iată instrucțiuni pentru cele mai frecvente setări:

• nginx

• Apache

În mod alternativ, furnizorul dvs. de găzduire poate oferi, de asemenea, cache și posibilitatea de a -l activa din panoul de găzduire.

2. Folosiți un CDN

Un alt mod de a cache site -ul dvs. web este să vă înscrieți la un CDN. Pentru asta, mai întâi trebuie să alegeți un furnizor de CDN. Vom folosi Cloudflare ca exemplu aici, deoarece este unul dintre cele mai populare servicii.

Începeți prin a vă înscrie la CDN -ul dvs. ales. Accesați site -ul lor web și creați un cont.

Alegeți un plan care se potrivește nevoilor dvs. și furnizați adresa site -ului dvs. web.

După aceea, trebuie să vă actualizați setările DNS. Furnizorul CDN vă va scana înregistrările curente și apoi vă va arăta serverele lor de nume.

Cu asta în mână, conectați -vă la registratorul dvs. de domeniu (de exemplu, Namecheap, Godaddy sau Google Domeniile), găsiți secțiunea Setări DNS și înlocuiți serverele de nume existente cu cele date de CDN.

Salvați -vă modificările, apoi așteptați. Modificările DNS pot dura câteva ore pentru a se propaga pe deplin. Odată finalizat, site -ul dvs. web va fi dirijat cu succes prin CDN. Ultimul pas este să vă asigurați că CDN are cache activat.

3. Folosiți un plugin în cache

În cele din urmă, dacă utilizați un site web WordPress, puteți utiliza un plugin de performanță precum WP Rocket. Are grijă de tot ceea ce este legat de memorie în cache, așa că nu trebuie să faceți față pieselor tehnice. În plus, tot ce trebuie să faceți este să instalați și să activați pluginul.

După ce faceți acest lucru, memoria cache este activă imediat pe site -ul dvs., inclusiv un cache dedicat pentru dispozitivele mobile. În conformitate cu reguli avansate , vă puteți regla în continuare cache -ul.

Printre alte opțiuni, puteți determina durata de viață în cache și puteți defini pagini, cookie -uri și agenți de utilizator pentru care nu doriți să utilizați memoria cache. Veți găsi mai multe informații în documentație.

În plus față de memorie în cache, WP Rocket oferă multe alte caracteristici pentru a accelera site -ul dvs. WordPress, inclusiv:

• Încărcare leneșă pentru imagini și videoclipuri

• Amânarea resurselor de blocare a referinței

• Preîncărcare cache, link -uri, fișiere externe și fonturi

• Fonturi Google-găzduite Google

• Optimizarea bazei de date

• Posibilitatea de a vă conecta cu ușurință la un CDN, inclusiv RocketCDN, adică WP Rocket Own CDN.

Mai mult, WP Rocket implementează multe îmbunătățiri suplimentare ale performanței în fundal. Printre ele se numără compresia GZIP, ministrul CSS și fișierele JavaScript și optimizarea imaginilor deasupra pliului pentru a îmbunătăți cea mai mare vopsea contențiabilă.

Impactul performanței în cache a unui site web: un studiu de caz

Pentru a examina efectul memoriei în cache asupra îmbunătățirii vitezei site -ului în viața reală, am creat un site de testare cu un conținut manechin și l -am condus prin Insights PageSpeed ​​înainte și după activarea rachetei WP.

Iată rezultatele dispozitivelor mobile fără cache:

Acum să vedem ce se întâmplă după activarea memoriei în cache:

Deși efectele nu sunt uriașe, ele sunt vizibile. Mai ales îmbunătățirea valorii indicelui de viteză cu trei secunde nu este nimic la care să se înnebunească.

După cum am discutat pe tot parcursul articolului, memoria cache are cel mai mare impact asupra vizitatorilor repetiți. Întrucât pagespeed perspectivele nu profită intenționat de o mare parte din ceea ce are de oferit cache -ul, nu este de mirare că efectele nu sunt mai mari. Ar trebui să fie mai vizibil pentru vizitatorii repetiți pe site -ul dvs. web.

Dacă vă întrebați, mai jos este ceea ce se întâmplă atunci când porniți mai multe îmbunătățiri ale vitezei în racheta WP, cum ar fi eliminarea CS -urilor neutilizate, amânarea JavaScript, încărcarea leneșă pentru imagini și preîncărcarea . Tot ce trebuie este să bifez câteva cutii.

Cum să ștergeți cache -ul site -ului

Ștergerea memoriei cache a site -ului dvs. web poate fi necesară pentru probleme de depanare, adăugarea de noi funcții și asigurarea celui mai recent conținut este vizibil pentru vizitatori. Desigur, din moment ce memoria cache se întâmplă pe diferite niveluri, există și diferite modalități de golire.

Ștergeți cache -ul browserului

Metoda exactă pentru golirea cache -ului browserului depinde de browserul pe care îl utilizați, dar toate au opțiuni în setările lor. În Chrome, îl găsiți sub confidențialitate și securitate> Ștergeți datele de navigare .

Clear Cache Server

Dacă cache -ul a fost implementat pe serverul dvs., furnizorul dvs. de găzduire are cel mai probabil o opțiune de a o șterge.

Goliți cache -ul CDN -ului dvs.

Purtarea cache -ului CDN se întâmplă în mod natural prin intermediul furnizorului de CDN. De exemplu, în Cloudflare, opțiunea este disponibilă în Caching> Configurare> Purge Cache .

Purge Cache pe site -ul dvs.

Dacă utilizați un plugin pentru a -ți cache site -ul web, acesta are de obicei un buton undeva care vă permite să ștergeți memoria cache. WP Rocket purifică automat cache -ul site -ului web la momentele adecvate, cum ar fi atunci când modificați setările sale, publicați conținut nou, modificați site -ul dvs. web sau când durata de viață a cache -ului se va termina.

Dacă doriți să o faceți manual, puteți găsi această opțiune direct pe tabloul de bord sub Setări> WP Rocket în WordPress Back End.

De asemenea, aveți posibilitatea de a șterge meniul cache pentru pagini individuale, fie în interiorul editorului WordPress, fie din meniul de pagini sau postări , trecând peste intrările de acolo.

Cum cachezi un site web? Acum știi

Cache -ul este unul dintre cele mai fundamentale moduri de a face site -ul dvs. mai rapid. Este o metodă simplă pentru a reduce cantitatea de date care trebuie transmise pentru vizitatori să vizualizeze site -ul dvs. web.

Cache -ul este disponibil pe diferite niveluri ale procesului de încărcare și poate viza diferite elemente ale site -ului web, deși principiile rămân aceleași.

Utilizați WP Rocket pentru a implementa în cache pe site -ul dvs. WordPress automat și profitați de zeci de alte caracteristici de performanță și cele mai bune practici pentru a face site -ul dvs. mai rapid. Pluginul este dotat cu o garanție de returnare a banilor de 14 zile, astfel încât să o puteți testa complet fără riscuri.