Respuesta corta: la caché del navegador permite que el navegador de quien visita tu web guarde los archivos que ya descargó, como imágenes, hojas de estilos y scripts. Así los vuelve a usar sin descargarlos otra vez. Se controla con la cabecera Cache-Control: un max-age largo para los archivos que cambian de dirección con cada versión y una consulta al servidor para todo lo demás.
Cómo funciona la caché del navegador
Cada petición del navegador pasa primero por su propia caché. Si la copia guardada sigue vigente, el navegador la usa y se ahorra la red. Eso cuenta, porque la latencia le cuesta a una página mucho más que el ancho de banda.
El servidor indica cuánto tiempo sigue vigente una copia con la cabecera Cache-Control. Cuando caduca, el navegador le pregunta al servidor si el archivo cambió, con el valor ETag o Last-Modified que guardó.
Si nada cambió, el servidor responde 304 Not Modified, sin el archivo. Sin ninguna Cache-Control, el navegador aún puede reutilizar un tiempo un archivo que tenga fecha Last-Modified, lo que MDN llama caché heurística. MDN pide que toda respuesta lleve la cabecera.
Qué Cache-Control usar
| Tipo de archivo | Cache-Control | Por qué |
|---|---|---|
| CSS y JavaScript con versión en la dirección | max-age=31536000 | Una versión nueva tiene dirección nueva, así que un año es seguro |
| Imágenes y fuentes con versión en la dirección | max-age=31536000 | Por lo mismo: la dirección cambia con el archivo |
| Archivos que mantienen su dirección al cambiar | Un max-age corto, o no-cache con ETag o Last-Modified | El navegador guarda una copia vieja poco tiempo, o pregunta antes |
| Páginas HTML | no-cache o un max-age corto | Una página mantiene su dirección, así que el visitante debe recibir la actual |
| Respuestas personales o privadas | private o no-store | Las cachés compartidas, como una CDN, no deben guardarlas |
De la guía de web.dev sobre la caché HTTP y de las páginas de MDN sobre la caché HTTP, consultadas el 4 de noviembre de 2026.
web.dev explica que, cuando un navegador ya guardó un archivo, no puedes hacer que descargue una copia nueva sin cambiar su URL. Por eso la vida larga es solo para los archivos con versión.
Cómo configurar la caché del navegador
- Abre tu web en Chrome, abre las herramientas para desarrolladores y ve a la pestaña Network.
- Vuelve a cargar, pulsa una hoja de estilos o un script y lee su cabecera de respuesta Cache-Control.
- Pasa PageSpeed Insights y mira «Usa tiempos de almacenamiento en caché eficientes» para los archivos que lista.
- Comprueba que tus hojas de estilos, scripts e imágenes cambian de dirección al cambiar, con un número de versión o una huella.
- Da a esos archivos con versión un max-age largo, como un año, en tu servidor, tu panel de hosting o tu CDN.
- Deja las páginas HTML con no-cache o un max-age corto, y mantén activos ETag o Last-Modified.
- Vuelve a cargar dos veces: la columna Size debe decir que los archivos salieron de la caché de memoria o de disco.
PageSpeed Insights pide al menos 30 días para los archivos que se pueden guardar en caché: fuentes, imágenes, archivos multimedia, scripts y hojas de estilos. Nuestra guía de PageSpeed Insights explica el resto del informe.
La caché del navegador y el SEO
La caché acelera las visitas repetidas y las páginas que se abren después de la primera. La primera visita sigue dependiendo del servidor, que cubre nuestra guía del TTFB.
Google dice que sus rastreadores admiten la caché HTTP con las cabeceras ETag y Last-Modified. Recomienda configurar las dos, porque otros programas, como los gestores de contenido, también las usan.
El protocolo también cuenta: nuestra guía de HTTP/2 y HTTP/3 explica cómo comprobar qué versión usa tu web.
Lo que cambiamos en nuestra web
La mañana del 4 de noviembre de 2026, nuestros scripts salían sin cabecera Cache-Control, y nuestras hojas de estilos, imágenes y fuentes, con 7 días. PageSpeed Insights marcaba entre 297 y 315 KiB de ahorro de caché en tres de nuestras páginas.
Cada dirección de hoja de estilos y de script de nuestra web cambia cuando cambia el archivo: lleva la fecha del archivo, un número de versión o una huella. Eso hacía seguro un año, así que esa misma mañana empezaron a salir con max-age=31536000. Las imágenes y las fuentes se quedaron en 7 días, porque su dirección no cambia con una versión nueva. Nuestras páginas HTML no llevan Cache-Control, ETag ni Last-Modified, así que el navegador pide la página actual a nuestro servidor en cada visita.
Al medir de nuevo después del cambio, el ahorro quedó entre 183 y 206 KiB. Lo que queda son sobre todo los píxeles publicitarios de Meta y OpenAI, 162 KiB en cada página, cuya caché deciden sus propios servidores.
Antes de dar por buena tu caché
- Las hojas de estilos y los scripts cambian de dirección con cada versión.
- Los archivos con versión salen con un max-age largo.
- Las páginas HTML no se guardan mucho tiempo.
- ETag o Last-Modified está activo.
- Las respuestas personales van como private o no-store.
- Sabes por qué cada archivo que aún lista PageSpeed Insights mantiene una vida corta.
RecuerdaGuarda un año lo que cambia de dirección y haz que todo lo demás consulte antes al servidor.
Los ajustes del servidor como estos son parte de nuestro servicio de SEO técnico.
Respuestas rápidas sobre la caché del navegador
¿Qué es la caché del navegador?
El navegador guarda una copia de un archivo que ya descargó, como una imagen, una hoja de estilos o un script. Después la vuelve a usar en lugar de descargarlo otra vez. El servidor indica por cuánto tiempo con la cabecera Cache-Control.
¿Cuánto tiempo se deben guardar los archivos en caché?
PageSpeed Insights pide al menos 30 días para fuentes, imágenes, multimedia, scripts y hojas de estilos. Para los archivos que cambian de dirección con cada versión, web.dev propone un año: Cache-Control: max-age=31536000.
¿Qué diferencia hay entre no-cache y no-store?
Con no-cache el navegador puede guardar el archivo, pero tiene que consultar al servidor antes de cada uso. Con no-store, ni el navegador ni ninguna caché intermedia guardan copia.
¿Una caché larga impide que los visitantes vean mis cambios?
No, si el archivo cambia de dirección con cada versión, con un número de versión o una huella en el nombre. Sin una dirección nueva, web.dev explica que no hay forma de que los navegadores descarten la copia que ya tienen.
¿La caché del navegador ayuda al SEO?
De forma indirecta. Hace más rápidas las visitas repetidas. Google dice que sus rastreadores admiten la caché HTTP con las cabeceras ETag y Last-Modified, y recomienda configurar las dos, porque otros programas también las usan.
Fuentes
Consultadas el 4 de noviembre de 2026. web.dev: Evita solicitudes de red innecesarias con la caché HTTP. MDN: HTTP caching y Cache-Control. Chrome for Developers: Usa tiempos de almacenamiento en caché eficientes. Google: Descripción general de los rastreadores y recuperadores de Google (usuarios-agentes). IETF, en inglés: RFC 9111: HTTP Caching. Nuestro caso: las cabeceras de caché de nuestros propios archivos y PageSpeed Insights en tres de nuestras páginas, antes y después del cambio.