HTTP缓存和断点续传标志

每个浏览器都自带了HTTP缓存实现功能。只需要确保每个服务器响应都提供正确的HTTP响应头标志,以指示浏览器何时可以缓存响应以及可以缓存多久。

Cache-Control

image.png

每个服务端资源可以通过Cache-Control标志定义其缓存策略。

Cache-Control控制谁在什么条件下可以缓存响应 以及 可以缓存多久。

  • max-age

指定从请求的时间开始,允许获取的响应被重用的最长时间(单位:秒)。

例如,max-age=60表示可在接下来的60秒缓存和重用响应。

  • no-cacheno-store

no-cache 表示必须先与服务器确认返回的响应是否发生了变化,然后才能使用该响应来满足后续对同一网址的请求。因此,如果存在合适的验证令牌(ETag),no-cache会发起往返通信来验证缓存的响应。如果资源未发生变化,则不下载资源。

no-store 相对简单,直接禁止 浏览器以及所有中间缓存 存储任何版本的返回响应。例如,包含个人隐私数据或银行业务数据的响应。每次用户请求该资源时,都会向服务器发送请求,并下载完整的响应。

  • publicprivate

public 表示无论什么情况(比如,有与它相关联的验证ETag,响应状态码无法正常缓存),响应都可以被缓存。大多数情况下,public不是必须的,因为明确的缓存信息(如 max-age)已表示响应是可以缓存的。

private 表示浏览器可以缓存这个响应,这个响应通常只为单个用户缓存,不允许任何中间缓存对其进行缓存。例如,用户的浏览器可以缓存包含用户信息的HTML网页,但CDN不可以。

例子说明

Cache-Control: max-age=86400 

浏览器以及任何中间缓存均可以将响应(public响应)缓存长达1天(60秒 * 60分钟 * 24小时)

Cache-Control: private,max-age=600 

客户端的浏览器只能将响应缓存最长10分钟(60秒 * 10分钟)。

Cache-Control: no-store 

不允许缓存响应,每次请求都必须完整获取。

ETag

image.png

服务器使用ETag标志代表验证令牌,它可以实现高效的资源更新检查,资源未发生变化时不会传送任何数据。

ETag 可以解决max-age过期重新请求,但服务端资源未发生变化,重新下载效率太低的问题。

比如这样一个场景:假如在首次获取资源120秒后(max-age=120),浏览器又对该资源发起了新的请求。首先,浏览器会检查本地缓存并找到之前的响应。可惜该响应现在已过期,浏览器无法使用。此时,浏览器可以直接发出新的请求,并获取新的完整响应。但是这样做效率太低,因为如果资源未发生变化,那么下载 与缓存中相同 的资源,则太浪费网络流量。

有了ETag就可以解决这样的问题场景。服务器生成并返回的随机令牌ETag通常是文件内容的哈希值 或 某个其他指纹。客户端只需在下一次请求时,将其(ETag)发送至服务器。如果ETag仍然相同,则表示资源未发生变化,可以跳过下载。

例如上面图片,客户端自动在If-None-Match的HTTP请求头中请求ETag令牌。服务器根据当前资源核对令牌。如果它未发生变化,服务器将返回304 Not Modified响应,告知浏览器缓存中的响应未发生变化,可以再延用120秒。这样浏览器就不用再次下载响应,节约时间和带宽。

range & Content-Range

HTTP1.1 协议(RFC2616)开始支持获取文件的部分内容,从而支持HTTP断点续传。客户端的请求头对应的参数是range,服务端的响应头对应的参数是Content-Range

range

请求头的参数,一般格式如下:

range: (unit=first byte pos)-[last byte pos]

指定第一个字节的位置和最后一个字节的位置。

例子说明

range: bytes=0-7569

表示第 0-7569 字节范围的内容

range: bytes=-7569

表示最后7569字节的内容

range: bytes=0-

表示从第0字节开始到文件结束部分的内容

range: bytes=0-0,-1

表示第一个和最后一个字节

range: bytes=100-200,400-500,600-700

同时指定几个范围

Content-Range

响应头的参数,服务器返回当前接受的范围和文件总大小。一般格式如下:

Content-Range: bytes (unit first byte pos) - [last byte pos]/[entity legth]

例子说明

Content-Range: bytes 0-7569/50000

0-7569指当期发送的数据范围,50000指文件的总大小

在响应完成后,返回的响应头内容表示不同的意思

HTTP/1.1 200 Ok(不使用断点续传方式) 
HTTP/1.1 206 Partial Content(使用断点续传方式)

参考

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching

HTTP 断点续传(分块传输)

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

推荐阅读更多精彩内容