Când deschizi un website, browserul descarcă imagini, foi de stil, scripturi, fonturi și alte resurse necesare afișării paginii. O parte dintre aceste fișiere pot fi păstrate local pentru a nu fi descărcate din nou la fiecare vizită. Acest mecanism se numește cache și contribuie la reducerea timpului de încărcare, a traficului și a solicitărilor către server.
Ce este cache-ul browserului
Cache-ul este o zonă de stocare temporară în care browserul păstrează copii ale unor resurse web. La o vizită ulterioară, browserul poate utiliza copia locală dacă aceasta este încă validă. Astfel, nu mai descarcă toate fișierele de la zero, iar pagina poate apărea mai repede.
În cache pot ajunge imagini, fonturi, fișiere CSS, JavaScript și alte resurse statice. Nu toate datele unui website sunt păstrate în același mod: sesiunile, datele private și răspunsurile dinamice necesită reguli diferite.
Cum decid serverul și browserul ce se păstrează
Serverul transmite antete HTTP care indică modul în care o resursă poate fi memorată. Printre cele importante se află Cache-Control, ETag și Last-Modified. Directiva max-age poate stabili pentru cât timp o resursă este considerată proaspătă. După expirare, browserul poate verifica dacă fișierul s-a schimbat înainte de a-l descărca din nou.
Un ETag funcționează ca un identificator al unei versiuni a resursei. Dacă browserul trimite o solicitare condiționată și serverul confirmă că versiunea nu s-a schimbat, poate răspunde fără să retrimită întregul fișier.
Cache puternic pentru fișiere statice
Imaginile, fonturile și fișierele CSS sau JavaScript care au nume versionate pot primi perioade lungi de cache. De exemplu, când un fișier se schimbă, site-ul poate genera o adresă nouă sau un parametru de versiune. Browserul solicită noul fișier, iar copia veche nu mai este folosită pentru pagina actualizată.
Acest mecanism este important pentru că un cache foarte lung fără versionare poate păstra o versiune veche a designului sau a funcționalității. În schimb, resursele care se schimbă frecvent trebuie configurate cu politici mai scurte sau cu revalidare.
Cache-ul browserului nu este același cu cache-ul serverului
Cache-ul browserului păstrează resurse pe dispozitivul vizitatorului. Cache-ul de pagină sau de obiect de pe server poate păstra rezultatele generate de WordPress ori de aplicație. Un CDN poate păstra copii ale resurselor în puncte de prezență apropiate de utilizatori. Aceste straturi pot funcționa împreună, dar au reguli și moduri de golire diferite.
Cum verifici și golești cache-ul
În instrumentele pentru dezvoltatori ale browserului poți deschide fila Network și verifica dacă resursele sunt servite din cache. Pentru testare, opțiunea de dezactivare temporară a cache-ului din DevTools ajută la observarea unei încărcări fără copii locale. În utilizarea obișnuită, poți șterge datele de navigare sau reîncărca forțat pagina, însă acestea nu înlocuiesc verificarea configurației serverului.
- Verifică antetele HTTP pentru fișierele statice.
- Folosește versionare pentru CSS și JavaScript actualizate.
- Nu memora răspunsuri private sau sensibile în cache public.
- Testează paginile după modificări de temă și pluginuri.
- Verifică separat cache-ul browserului, serverului și CDN-ului.
Pentru îmbunătățirea performanței unui site WordPress, corelează cache-ul browserului cu componentele responsive și cu optimizarea imaginilor. Pentru explicații tehnice, documentația MDN despre HTTP caching este o resursă utilă.
Concluzie
Cache-ul browserului reduce descărcările repetate și ajută paginile să se încarce mai rapid. Rezultatele bune apar atunci când resursele statice au reguli clare, fișierele actualizate sunt versionate, iar datele private sunt excluse din cache-ul public. O configurație corectă trebuie verificată atât la prima vizită, cât și la revenirea utilizatorului.
