Ce este Cache-Control (Cache Browser)?

Headerul HTTP care spune browserului cat timp sa pastreze fisierele in cache

Definiție Cache-Control (Cache Browser)

Cache-Control este un header HTTP care indica browserului daca si cat timp sa pastreze o copie locala a fisierelor (CSS, JS, imagini). Cu cache activat, la a doua vizita browserul nu mai descarca fisierele, ci le ia din cache — pagina se incarca instant. Valori comune: max-age=31536000 (1 an) pentru fisiere statice, no-cache pentru HTML.

De ce contează Cache-Control (Cache Browser)

Headerul Cache-Control dicteaza cat timp browserul pastreaza o resursa in cache local inainte de a o re-descarca de pe server. O configuratie corecta elimina sute de cereri HTTP la vizitele repetate — un site cu 50 de resurse statice si cache-control optim se incarca in sub 500ms la a doua vizita, fata de 3-5 secunde fara cache.

Cum verifici Cache-Control (Cache Browser)

SoftAudit inspectioneaza headerul Cache-Control pe fiecare resursa returnata de server si verifica valorile max-age, no-cache, no-store si public/private. Raportul identifica resursele statice fara cache (imagini, CSS, JS servite cu no-cache sau fara header) si resursele dinamice cache-uite gresit (HTML cu max-age lung).

Greșeli frecvente

Setarea max-age=0 sau no-cache pe resurse statice (imagini, fonturi) forteaza browserul sa valideze fiecare resursa la fiecare vizita, generand cereri conditionale inutile. Pe de alta parte, cache-uirea paginilor HTML cu max-age lung face ca utilizatorii sa vada continut vechi dupa actualizari.

Bune practici

Aplica max-age=31536000 (1 an) pe resursele statice cu hash in numele fisierului (style.abc123.css) si max-age=0, must-revalidate pe paginile HTML. Foloseste stale-while-revalidate pentru a servi din cache in timp ce browserul verifica actualizari in fundal. Adauga Vary: Accept-Encoding pentru a cache-ui corect versiunile comprimate si necomprimate.