Desarrollador Frontend: pregunta de entrevista
¿Cómo funcionan las estrategias de caché del navegador?
La caché del navegador se controla con directivas HTTP y validadores. Assets versionados e inmutables pueden almacenarse mucho tiempo; HTML o datos API necesitan una política entre frescura, validación y modo offline.
Respuesta directa
Qué debe cubrir una buena respuesta
Cómo funciona
La caché HTTP tiene dos decisiones independientes: cuánto tiempo puede reutilizarse una respuesta sin preguntar al servidor, fijado por max-age o s-maxage, y cómo la caché comprueba si una copia caducada sigue siendo válida, con ETag o Last-Modified y una solicitud condicional. Los assets estáticos versionados pueden tratarse como inmutables porque un cambio produce una URL nueva; los documentos cuya URL no cambia necesitan frescura corta más validación. Los service workers añaden encima una capa programable con sus propias estrategias.
Ejemplo
Sirve JS con hash y max-age largo e immutable; sirve el HTML con revalidación para que apunte a la siguiente versión de assets. Una respuesta de API que cambia por usuario necesita Cache-Control: private con no-store o un max-age corto; si no, una caché compartida en CDN puede servir los datos de un usuario a otro.
Errores frecuentes
- Cachear HTML mucho tiempo, de modo que los usuarios siguen cargando assets que ya no existen.
- Confundir no-cache, que permite almacenar pero exige revalidar, con no-store.
- Olvidar Vary cuando la misma URL devuelve cuerpos distintos según Accept-Encoding o cookie.
Una estructura útil para responder
Responde desde tu propia experiencia.
No memorices un guion: usa solo ejemplos que puedas explicar con honestidad en preguntas posteriores.
Abre el espacio de trabajo de escritorio y ensaya una respuesta clara con tus propias palabras.