客户端HTTP缓存

栏目: 后端 · 前端 · 发布时间: 5年前

内容简介:Expires的值为服务端返回的到期时间,这个时间是一个绝对的时间,如果下一次请求时,请求时间小于服务端返回的到期时间,直接使用缓存数据。Expires会有一个问题:即时间是由服务端生成的,可能会和客户端的时间有误差,进而导致缓存命中误差。这个字段只适用于 HTTP 1.0,现在主流浏览器默认使用HTTP 1.1,故该字段不是很重要。

Expires的值为服务端返回的到期时间,这个时间是一个绝对的时间,如果下一次请求时,请求时间小于服务端返回的到期时间,直接使用缓存数据。

Expires会有一个问题:即时间是由服务端生成的,可能会和客户端的时间有误差,进而导致缓存命中误差。

这个字段只适用于 HTTP 1.0,现在主流浏览器默认使用HTTP 1.1,故该字段不是很重要。

Cache-Control

Cache-Control的值为服务端返回的到期时间,这个时间是一个相对的时间,如果下一次请求时,请求时间小于服务端返回的到期时间,直接使用缓存数据。

canche-control (http1.1)的常见取值 :

  • private 客户端可以缓存
  • public 客户端和代理服务器都可缓存
  • max-age=xxx 缓存的内容将在 xxx 秒后失效
  • no-cache 使用协商缓存来验证缓存是否失效
  • no-store 不使用任何缓存(包括强缓存和协商缓存)

协商缓存

如果本地缓存的文件存在,发送一个http协议,询问服务器文件是否失效。

  • 如果未失效,服务器返回304状态码,此时返回的响应体中不包含内容。
  • 如果失效,服务器返回200状态码,此时返回的响应体中包含新的内容。

与协商缓存有关的请求头主要有两对:

Last-Modified / If-Modified-Since

第一次请求资源时,服务器下发Last-Modified,这个时间是一个绝对时间,表示资源最后修改的时间。

再次请求服务器时,客户端会把Last-Modified的值赋给If-Modified-Since,并发给服务器。

服务器收到请求后发现有头If-Modified-Since 则与被请求资源的最后修改时间进行比对。

若资源的最后修改时间大于If-Modified-Since,说明资源有被改动过,则响应整片资源内容,返回状态码200和新的last-modified,客户端收到响应后更新资源和资源的last-modified并使用最新的资源;

若资源的最后修改时间小于或等于If-Modified-Since,说明资源无最新修改,则响应HTTP 304,浏览器继续使用所保存的cache。

Etag / If-None-Match

第一次请求资源时,服务器下发Etag,这个标识表示当前资源在服务器的唯一标识(生成规则由服务器决定)。

再次请求服务器时,客户端会把Etag的值赋If-None-Match,并发给服务器。

服务器收到请求后发现有头If-None-Match,则与被请求资源的唯一标识进行比对进行比对。

若二者不同,说明资源有被改动过,则响应整片资源内容,返回状态码200和新的Etag,客户端收到响应后更新资源和资源的Etag并使用最新的资源;

若二者相同,说明资源无最新修改,则响应HTTP 304,浏览器继续使用所保存的cache。


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

深入浅出HTML5编程

深入浅出HTML5编程

弗里曼 (Eric Friiman)、罗布森 (Elisabdth Robson) / 东南大学出版社 / 2012-4 / 98.00元

《深入浅出HTML5编程(影印版)(英文)》就是你的特快车票,它可以带你学习如何使用今天的标准同时也会是明日的最佳实践来搭建Web应用。同时,你会了解HTML5的新API的基本知识,甚至你还会弄明白这些API是如何与你的网页进行交互,JaVaScript如何为它们提供动力,以及你如何使用它们来搭建能够打动你的老板并且吸引你的朋友的Web应用。一起来看看 《深入浅出HTML5编程》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

html转js在线工具
html转js在线工具

html转js在线工具