Cuando visito chesseng.herokuapp.com obtengo un encabezado de respuesta que parece
Cache-Control:private
Connection:keep-alive
Content-Encoding:gzip
Content-Type:text/css
Date:Tue, 16 Oct 2012 06:37:53 GMT
Last-Modified:Tue, 16 Oct 2012 03:13:38 GMT
Status:200 OK
transfer-encoding:chunked
Vary:Accept-Encoding
X-Rack-Cache:miss
y luego actualizo la página y obtengo
Cache-Control:private
Connection:keep-alive
Date:Tue, 16 Oct 2012 06:20:49 GMT
Status:304 Not Modified
X-Rack-Cache:miss
Parece que el almacenamiento en caché está funcionando. Si eso funciona para el almacenamiento en caché, ¿cuál es el punto de expira y control de caché: max-age . Para añadir confusión, cuando pruebo la página en https://developers.google.com/speed/pagespeed/insights/ me dice que "aproveche el almacenamiento en caché del navegador".
http
caching
http-headers
browser-cache
cache-control
usuario782220
fuente
fuente
Respuestas:
Para responder a su pregunta sobre por qué funciona el almacenamiento en caché, aunque el servidor web no incluye los encabezados:
[a date]
[seconds]
El servidor solicitó amablemente a los proxies intermedios que no almacenen en caché el contenido (es decir, el elemento solo debe almacenarse en caché en un caché privado , es decir, solo en su propia máquina local):
Pero el servidor olvidó incluir cualquier tipo de sugerencias de almacenamiento en caché:
Pero sí incluyeron una fecha de Última modificación en la respuesta:
Como el navegador sabe la fecha en que se modificó el archivo, puede realizar una solicitud condicional . Le pedirá al servidor el archivo, pero le indicará que solo envíe el archivo si se ha modificado desde el 16/10/2012 3:13:38:
El servidor recibe la solicitud, se da cuenta de que el cliente ya tiene la versión más reciente. En lugar de enviar al cliente
200 OK
, seguido del contenido de la página, le dice que su versión en caché es buena:Su navegador tuvo que sufrir el retraso de enviar una solicitud al servidor y esperar una respuesta, pero ahorró tener que volver a descargar el contenido estático.
¿Por qué Max-Age ? ¿Por qué caduca ?
Porque Last-Modified apesta.
No todo en el servidor tiene una fecha asociada. Si estoy construyendo una página sobre la marcha, no hay una fecha asociada, es ahora . Pero estoy perfectamente dispuesto a dejar que el usuario almacene en caché la página de inicio durante 15 segundos:
Si el usuario martilla F5, seguirá obteniendo la versión en caché durante 15 segundos. Si se trata de un proxy corporativo, todos los 67198 usuarios que accedan a la misma página en la misma ventana de 15 segundos obtendrán el mismo contenido, todo servido desde un caché cercano. Victoria de rendimiento para todos.
La virtud de agregar
Cache-Control: max-age
es que el navegador ni siquiera tiene que realizar una solicitud condicional .Last-Modified
, el navegador debe realizar una solicitudIf-Modified-Since
y esperar una304 Not Modified
respuestamax-age
, el navegador ni siquiera tendrá que sufrir el viaje de ida y vuelta de la red; el contenido saldrá directamente de los cachésLa diferencia entre "Cache-Control: max-age" y "Expires"
Expires
es un equivalente heredado delCache-Control: max-age
encabezado moderno (c. 1998) :Expires
: especifica una fecha ( qué asco)max-age
: especifica segundos (bondad)Y si se especifican ambos , entonces el navegador usa
max-age
:Cualquier sitio web escrito después de 1998 ya no debería usarse
Expires
, y en su lugar debe usarsemax-age
.¿Qué es ETag?
ETag es similar a Last-Modified , excepto que no tiene que ser una fecha, solo tiene que ser algo .
Si estoy sacando una lista de productos de una base de datos, el servidor puede enviar el último
rowversion
como un ETag, en lugar de una fecha:Mi ETag puede ser el hash SHA1 de un recurso estático (p. Ej., Imagen, js, css, fuente) o de la página renderizada en caché (es decir, esto es lo que hace el wiki de Mozilla MDN; ellos cortan el marcado final):
Y exactamente como en el caso de una solicitud condicional basada en Last-Modified :
Puedo realizar una solicitud condicional basada en el ETag:
An
ETag
es superior aLast-Modified
porque funciona para cosas además de archivos , o cosas que tienen una noción de fecha . Solo esfuente
cache-control
no existe? ¿Y solo tienes Etag? ¿Todavía no necesita hacer una 'solicitud condicional' contra el servidor? El comportamiento que veo cuando estoy desconectado es que solo regresa de la memoria caché. Pero cuando está fuera de línea no puede hacer esa solicitud condicional. Entonces, ¿eso significa si se almacenará en caché indefinidamente si te quedas sin conexión? Ya he hecho esta pregunta en detalle aquí . ¿Puedes echar un vistazo?De RFC2616 sección 14.9.1
fuente
Cache-Control:private
solo establece que las memorias caché compartidas (como las memorias caché proxy) no deberían almacenar en caché la respuesta.proxy-revalidate
requiere que los proxies siempre se revaliden en cada acceso. Donde comoprivate
evita que el proxy se almacene en caché.RFC 2616, sección 14.9.1 :
Los navegadores podrían usar esta información. Por supuesto, el "usuario" actual puede significar muchas cosas: usuario del sistema operativo, un usuario del navegador (por ejemplo, los perfiles de Chrome), etc. No se especifica.
Para mí, un ejemplo más concreto de
Cache-Control: private
es que los servidores proxy (que suelen tener muchos usuarios) no van a almacenar en caché. Está destinado al usuario final y a nadie más.Para su información, el RFC deja en claro que esto no proporciona seguridad. Se trata de mostrar el contenido correcto, no asegurar el contenido.
fuente
El campo de encabezado de entidad expira da la fecha / hora después de la cual la respuesta se considera obsoleta.
Aunque el campo de encabezado anterior proporciona un mecanismo al cliente para decidir si se debe enviar una solicitud al servidor. En alguna condición, el cliente envía una solicitud de corte y el valor de edad de la respuesta es mayor que el valor máximo, ¿significa que el servidor debe enviar el recurso al cliente? Tal vez el recurso nunca cambió.
Para resolver este problema, HTTP1.1 proporciona la última cabeza modificada. El servidor da la última fecha de modificación de la respuesta al cliente. Cuando el cliente necesita este recurso, enviará el campo de encabezado If-Modified-Since al servidor. Si esta fecha es anterior a la fecha modificada del recurso, el servidor enviará el recurso al cliente y le dará un código 200. De lo contrario, devolverá el código 304 al cliente y esto significa que el cliente puede usar el recurso que almacenó en caché.
fuente