Control de caché para páginas WEB

Cache-Control es un encabezado HTTP que consiste en un conjunto de ajustes que permiten especificar cómo, cuándo y durante cuánto tiempo se almacenará la caché.

Cuando visitas un sitio web, el navegador copia partes de los componentes de ese sitio web en un directorio para una experiencia más rápida. Cuando vuelve a visitar ese sitio, muchas partes del sitio no se cargan desde el servidor web, sino desde la memoria caché que se encuentra en sus máquinas. Puede usar Cache-Control para definir las reglas sobre cómo se cargará ese contenido, por ejemplo, cuánto tiempo puede almacenar en caché el navegador o si almacenará en caché un componente o un tipo de archivo específico.

Es importante entender que la memoria caché es muy buena para la experiencia del usuario final. Hacer que tenga que ir al servidor web para todas las solicitudes puede hacer que la experiencia con el producto sea desagradable, pero es mucho más importante entender qué puede quedar realmente en el equipo del usuario y qué se debe cargar de forma dinámica independientemente del lado del usuario. Al fin y al cabo, según el tipo de contenido, puede afectar a una página mal configurada, a un componente mal configurado o a un chatbot en el que se necesite una comunicación más dinámica.

Control de caché: sin caché

sin caché significa que el recurso no se puede reutilizar sin comprobar primero si se modificó o actualizó en su origen. Por lo general, se utiliza un encabezado ETag para esto.

Cache-Control: sin almacenamiento

no-store es similar a no-cache, donde el contenido no se puede reutilizar ni almacenar en caché. Sin embargo, a diferencia de la otra opción, la opción sin tienda obliga a volver a descargar todo el contenido de la fuente, sin tener en cuenta el ETag.

Cache-Control: público

Una respuesta que contiene información pública significa que la caché está autorizada a ser realizada por cualquier parte implicada, no solo por el cliente final; en este caso, estamos hablando de cachés intermedias, como proxys, puertas de enlace, CDN, etc. Para esta situación, se recomienda añadir max-age para garantizar que, en algún momento, se limpie la memoria caché, tanto del usuario final como del intermediario.

Cache-Control: privado

La opción privada significa que solo el navegador del solicitante puede almacenar en caché el contenido y los intermediarios no deben almacenar el contenido en caché.

Control de caché: edad máxima = segundos

Esta opción indica al navegador durante cuánto tiempo debe considerar utilizable el contenido de esa memoria caché. Transcurrido ese tiempo, las nuevas solicitudes deberán volver a cargar todo el contenido.

Control de caché: s-maxage= segundos

s-maxage es similar a max-age. La «s» significa compartida y solo es relevante para las CDN u otra caché intermedia. Esta opción anula la antigüedad máxima y caduca.

Control de caché: sin transformación

Las cachés intermedias a veces pueden cambiar el formato o la compresión de las imágenes para mejorar el rendimiento. La no transformación indica a los intermediarios que no cambien el formato de las imágenes.