Cómo detectar cuándo XHR devuelve un recurso en caché?

Question

Me pregunto si hay una forma de detectar cuándo se devuelve una respuesta desde un caché local. ¿Es posible?

La solución debe ser general y funcionar para solicitudes incondicionales. En este caso, el código de respuesta siempre es 200 correcto, pero XHR devuelve un recurso almacenado en caché para la segunda solicitud (por ejemplo, la primera respuesta contiene el encabezado Caduca, por lo que no es necesario pedirle un nuevo recurso al servidor antes de la fecha de vencimiento).

Answer 1

La respuesta es encabezado Fecha

• Si cabecera fecha en que se envía antes de la fecha a continuación una respuesta proviene de un caché.
• Si el encabezado de fecha es posterior a la fecha en que se envió una solicitud, la respuesta es reciente.

e.g.

• de la caché: solicitud fue enviada a las 11:00, fecha de respuesta es 10:59
• sin caché: solicitud fue enviada a las 11:00, fecha de respuesta es 11:01

Answer 2

Compruebe si el código de estado devuelto es 304 (no modificado) en la función onreadystatechange. Algo a lo largo de las líneas de:

xmlhttp.onreadystatechange=function() 
{ 
    if (xmlhttp.readyState==4 && xmlhttp.status==304) 
    { 
     alert("Cached"); 
    } 
} 

Answer 3

parecer también podemos usar el Resource Timing API para determinar si se sirvió algo desde el caché del navegador; si el TransferSize es 0 (y el encodedBodySize es> 0) entonces eso es un golpe de caché.

Parece una solución mejor que las demás, siempre que se trate de a browser that supports it.

Ref: https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming/transferSize