Quan un client torna a la teva web d'empresa, ha de tornar a descarregar el logotip, els estils i les imatges de la capçalera? Si la resposta és sí, estàs perdent segons en cada visita repetida. La caché del navegador guarda còpies locals d'arxius estàtics (CSS, JavaScript, imatges, fonts) perquè el visitant no els torni a sol·licitar al servidor en cada pàgina.
A aatsoft, agència de desenvolupament web a Manresa (Barcelona), auditem webs corporatives on la primera visita és acceptable però les següents continuen sent lentes per una mala configuració de la caché. En aquesta guia t'expliquem què és la caché del navegador, com configurar-la correctament i quins errors evitar.
Què és la caché del navegador i per què importa
La caché del navegador és un magatzem temporal al dispositiu del visitant. El servidor envia capçaleres HTTP (Cache-Control, ETag, Expires) que indiquen quant de temps pot guardar cada recurs.
- Menys peticions al servidor i menor consum d'amplada de banda.
- Pàgines més ràpides en visites repetides.
- Millor experiència en mòbil en connexions lentes.
- Complement del CDN i del lazy loading.
Senyals que la caché està mal configurada
- CSS, JS i imatges es descarreguen senceres en cada recàrrega.
- PageSpeed Insights marca temps de vida de caché ineficients.
- Els Core Web Vitals milloren poc tot i altres optimitzacions.
Utilitza Google Search Console i Lighthouse per confirmar si la caché és un coll d'ampolla.
Com funciona en la pràctica
Valors habituals de Cache-Control: max-age=31536000 per estàtics versionats, public, no-cache i no-store. Els ETag permeten respostes 304 Not Modified lleugeres.
Quins recursos cachear
- Caché llarga: imatges, fonts, CSS/JS versionats, icones.
- Caché curta: HTML de blog, notícies o preus.
- Sense caché: administració, formularis amb dades personals, APIs privades.
Errors freqüents
- Cachear HTML estàtic durant mesos sense revalidació.
- No versionar CSS i JavaScript després de cada desplegament.
- max-age=0 en tots els recursos, fins i tot logotips.
- Oblidar capçaleres de caché en fonts web.
Com auditar la caché pas a pas
- Obre DevTools i recarrega la pàgina.
- Filtra CSS, JS i imatges; busca disk cache o memory cache.
- Inspecciona Cache-Control en arxius estàtics.
- Executa PageSpeed Insights.
- Compara primera visita amb recàrrega al mateix dispositiu.
Com implementar una caché eficient
Define estratègia per tipus de recurs, versiona CSS/JS, configura capçaleres al servidor, combina amb compressió i CDN, i prova després de cada desplegament.
Caché del navegador i SEO
La caché no afecta directament el rastreig, però millora l'experiència real del visitant i redueix la taxa de rebot.
Conclusió
La caché del navegador és clau per una web ràpida en visites repetides. Combinada amb l'optimització d'imatges, millora el rendiment sense sacrificar contingut actualitzat. A aatsoft ajudem empreses a configurar la seva infraestructura web amb criteri.
