浏览器缓存

# 浏览器缓存

  浏览器缓存就是浏览器对用户最近请求的文档进行存储,再次访问同一请求时就可以从本地取资源。浏览器缓存分为两种,协商缓存和强缓存。两者区别是强缓存不发送请求,协商缓存会发送请求;共同点是,都是从客户端缓存中读取资源。

## 强缓存

  通过设置head中的Expires和cache-control字段告诉浏览器缓存的有效期。Expires字段对应的是一个GMT时间,假如在这个时间范围内,则请求返回200(from cache),但是存在一个问题,如果客户端和服务器时间差别很大,那么误差也就很大;cache-control则是通过设置max-age,读取缓存条件是当前客户端时间在上次缓存时间(客户端的)+max-age(时间间隔)之间。 

  cache-control可以设置以下值: 

+ Public 指示响应可被任何缓存区缓存

+ no-cache 响应可以在本地可代理服务器缓存,但是使用缓存需要经过服务器验证,

+ no-store 资源不可以被缓存

+ max-age 客户端上次接收响应时间距离这次请求时间间隔

+ max-fresh 要求缓存服务器返回至少还未过指定时间得缓存资源,比如min-fresh=60,过了60秒的资源都无法作为响应返回了

+ maxstale 表示指令过期也照常接收,如果不设置值则表示无论过期多长时间都会接收

+ only-if-cache 表示从缓存里取资源,不发送请求,缓存没有时则返回一个504错误 

在http1.0和http1.1中还存在一个pagram:no-cache字段,Cache-Control是在

  http1.1提供的,在两个字段同时存在时优先取pagram,当Expires和Cache-Control冲突时取Cache-Control,也就是pagram>Cache-Control>Expires。

## 协商缓存

1.Last-Modified/if-Modified-Since(配合Cache-control使用) 

>Last-Modified:这个表示响应这个资源最后的修改时间,在响应请求时,告诉浏览器最后的修改时间。   

>If-modified-since:当资源过期时(强缓存失效),发现资源具有Last-Modified,则再次请求时带上If-modified-since,表示请求时间。当服务器收到后则与被请求的资源的最后修改时间进行比对。若最后修改时间新,则资源被改动,返回资源及200状态码;如果无修改则响应304告知浏览器使用缓存。 

缺点:时间精确只能到秒,当1秒内修改多次则无法更新文件;当文件是定时生成但内容无改变时,此时缓存也无法使用 

2.Etag/If-None-Match(配合Cache-control使用)

>Etag:服务器响应请求是,告诉浏览器当前资源在服务器的唯一标识(生成规则由服务器定)。

>If-None-Match:当资源过期时(使用Cache-control标识的max-age),发现资源具有Etag,则申请资源时带上If-None-Match(Etag的值),服务器则会对比被请求资源的校验串和If-None-Match值,决定返回200还是304.

Etag和Last-Modify字段同时存在时,服务器会优先验证Etag。 

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,406评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,732评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,711评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,380评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,432评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,301评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,145评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,008评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,443评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,649评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,795评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,501评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,119评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,731评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,865评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,899评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,724评论 2 354

推荐阅读更多精彩内容

  • 网络特有的延迟以及数据传输的成本,制约互联网快速获取Web资源。为此,HTTP协议引入缓存以空间换时间,使浏览器缓...
    大头8086阅读 3,066评论 2 12
  • 浅谈浏览器Http的缓存机制 ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ 针对浏览器的http缓存的分析也算是老生常谈了,每隔...
    meng_philip123阅读 1,008评论 0 10
  • API定义规范 本规范设计基于如下使用场景: 请求频率不是非常高:如果产品的使用周期内请求频率非常高,建议使用双通...
    有涯逐无涯阅读 2,540评论 0 6
  • 浏览器对于请求资源, 流程如图所示: 可以看到浏览器的缓存机制分为两个部分: 1、当前缓存是否过期? 2、服务器中...
    zhoulujun阅读 1,201评论 0 3
  • 本文内容大多参考《图解HTTP》一书 一. 认识代理服务器 所以讲缓存为什么要先扯代理服务器?别急,让我们看一下一...
    流光号船长阅读 1,925评论 0 10