浏览器Cache-Control ETag缓存机制

最新推荐文章于 2024-04-30 11:25:17 发布
最新推荐文章于 2024-04-30 11:25:17 发布
阅读量407 收藏
点赞数
分类专栏： 数据采集 文章标签： 缓存 http etag
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37702639/article/details/121048692
版权

问题

  • 最近代理一个源服务器，在源服务器返回的基础上加一些业务，其中一个html(该页面需要在GET请求url不变情况下，根据服务器时间定制document.ready脚本)
  • 后面几次请求html内容没有变化，且在devtool上要么没有发送请求，要么返回200或304
  • 查阅一番资料，原来是浏览器的缓存机制

缓存

https://datatracker.ietf.org/doc/html/rfc7232

https://datatracker.ietf.org/doc/html/rfc7234

  • 浏览器缓存控制指有条件筛选那些请求真正发向服务端，那些请求使用本地缓存，可以减少带宽，提高通信效率
  • 浏览器缓存控制包括缓存是否开启，开启时校验是否失效
  • 浏览器缓存控制非常适合GET请求那些不会动态改变或频繁改变的资源
  • 浏览器缓存控制是通过请求响应的头部信息字段实现的(headers)
缓存控制开关
缓存验证

  • max-age和Expires只是简单的验证缓存有效期，可以通过第一次请求request的响应response 200 headers有更细节的先决条件验证

  • ETag：资源的特定版本的标识符，指定版本比指定时间更容易判断，能快速确定此资源是否变化(不仅用于缓存控制，还配合Range If-Range实现请求部分响应)

  • If-Match：请求字段头，服务器在请求的资源满足列出的ETag值时才会返回资源(If-None-Match与之含义相反)

  • If-Unmodified-Since：请求字段头，服务器在请求的资源满足列出的日期时间之后对内容进行过修改的情况下才会将资源返回；如果请求的资源从那时起未经修改，那么返回一个不带有消息主体的304响应(返回304意味着服务端告诉客户端(浏览器)，服务端无需再次传输请求的内容，客户端可以缓存中从之前返回内容)(If-Unmodified-Since与之含义相反)

  • If-Match优先级比If-Unmodified-Since高

  • Last-Modified：服务器最后一次修改资源的时间戳(Last-Modified: Tue, 15 Nov 1994 12:45:26 GMT)，精确度比ETag要低，这是一个备用机制

demo
  • 第一次请求，服务端返回200时，在headers加入TEag
  • 之后请求，浏览器将TEag加入到If-None-Match加入到headers
  • 服务端根据之前的TEag与最新TEag比较，一样返回304，否则重新返回200+最新TEag
<!--statuecode.html-->
<html>

<head>
    <title>
        状态码http response status code
    </title>
    <script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script>
</head>

<body>
    <div>
        <table>
最低0.47元/天 解锁文章
NxxCalm
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
http协议（三）缓存头Cache-Control和缓存验证ETag、Last-Modified
Niall_Tonshall的博客
03-22 5953
Cache-Control 通用消息头字段，被用于在http请求和响应中，通过指定指令来实现缓存机制。缓存指令是单向的，这意味着在请求中设置的指令，不一定被包含在响应中。 Cache-Control指令包含了多个指令，分别具有不同的用途，比如设置缓存权限和缓存时间。 指令格式具有以下有效规则： 不区分大小写，但建议使用小写。 多个指令以逗号分隔。 具有可选参数，可以用令牌或者带引号的字符串语法。 1. 指令 1.1 可缓存性 public 表明响应可以被任何对象（包括：发送请求的客户端，代理服务器，等等
HTTP协议：页面缓存之Cache-Control 和 Etag
spawpaw的博客
08-06 1136
Cache-Control是HTTP协议的一部分，是在请求和响应中必须服从的指令，通常用于提高页面加载，阻止页面缓存对请求和响应造成不利的干扰。 Cache-Control 为单向指令，即请求中存在的指令，并不意味着响应中存在同样的指令 一、请求 1. Cache-Control RFC:7234#5.2.1 Request Cache-Control Directives ...
浏览器 缓存 面试 参数解析 Cache-Control Expires ETag Last-Modified
chestnut栗子的博客
10-24 1152
面试说法 面试： 缓存主要分为强缓存和协议缓存，在浏览器加载资源的时候，会根据请求头判断是否命中强缓存，如果命中强缓存的话，会直接从缓存中读取数据而不发送请求。 判断强缓存的方式的话，需要判断请求头中是否有cache-control或者expires字段，这两个字段分别规定了以秒为单位的生存时长，和gmt格式的过期日期，如果在缓存未过期的时间内，就能命中强缓存，优先级的话是cache-control优先于expires 如果没有命中强缓存就要看看是否命中协议缓存，协议缓存需要两组请求头并通过服务器进行校验，
浏览器缓存中的ETag验证测试用例
weixin_37632716的博客
03-11 344
@RequestMapping("/cache/etag") public ResponseEntity<String> cache(@RequestHeader(value="If-None-Match",required=false) String ifNoneMatch){ //浏览器验证文档内容的实体If-None-Match //当前系统时间 long now = System.currentTimeMillis(); long maxAge = 10; Strin
解释一下HTTP协议中的ETag是如何工作的，以及它在缓存策略中的作用？
最新发布
长风破浪会有时的博客
04-30 288
ETag，可以想象成是网页或资源的一个“指纹”或“身份证号”。当网页或资源内容发生变化时，这个“指纹”或“身份证号”也会变化。ETag通常由服务器生成，并且与特定的资源（如一个网页或一个图片文件）相关联。总之，ETag就像一个聪明的助手，帮助我们更有效地管理缓存，确保我们总是得到正确且最新的资源，同时还能节省时间和带宽。
浏览器缓存机制(expires,cache-control,last-modified,etag)与Nginx配置调优
热门推荐
scoful的专栏
03-31 2万+
浏览器缓存机制(expires,cache-control,last-modified,etag)与Nginx配置调优
浏览器http请求缓存，cache-control是服务器设置，还是浏览器设置
qq_17335549的博客
01-10 2843
浏览器http请求缓存，cache-control是服务器设置，还是浏览器设置
Go-Go的缓存控制中间件添加ETag头(内容的md5)和Cache-Control头
08-13
例如，`Cache-Control: max-age=3600`表示资源可以在客户端缓存一小时，而`Cache-Control: no-cache`则指示代理服务器或浏览器在每次请求时都要向服务器验证资源是否已更新。 以下是一个简单的Go中间件实现示例，...
web浏览器-缓存详解
03-13
1. HTTP缓存：基于HTTP协议的缓存机制，主要通过HTTP响应头中的Cache-Control、Expires、ETag、Last-Modified等字段来控制缓存行为。 - Cache-Control：用于设置缓存策略，如max-age指示资源的有效期，no-cache则...
浏览器缓存机制 mindMaster脑图与visio流程图
01-29
浏览器缓存机制是互联网浏览体验中的重要组成部分，它极大地提高了网页加载...通过“浏览器缓存机制-脑图.emmx”和“浏览器缓存流程及协商缓存流程.vsdx”这两个文件，我们可以更清晰地了解这一复杂但至关重要的技术。
浏览器HTTP缓存运行机制流程图.zip
01-23
浏览器HTTP缓存是提高网页加载速度和降低服务器压力的关键机制，它主要分为两种类型：强缓存（Strong Cache）和协商缓存（Conditional Cache）。理解这两种缓存的工作原理对于优化Web应用性能至关重要。 1. 强缓存...
浏览器缓存机制
12-06
浏览器缓存机制、Expires策略（http1.0）和Cache-control策略（http1.1）、Last-Modified/If-Modified-Since、ETag/If-None-Match
浏览器页面缓存 - Cache【性能篇】
问白的博客
04-09 1890
如果【停用缓存】被勾选了，浏览器发送的请求中就会自带 Cache-Control：no-cache和Pragma：no-cache两个请求头。会强制要求缓存把请求提交给原始服务器进行验证 (协商缓存验证)。假如 Cache-Control 在请求头中不存在的话，Pragma：no-cache的行为与 Cache-Control: no-cache 一致。在Demo演示之前，切记将浏览器中的 【网络 -> 停用缓存】选项不要勾选。否则浏览器不会从本地缓存取数据。
缓存Cache-Control
m0_71902265的博客
01-14 5536
缓存
浏览器缓存-强制缓存-协商缓存
weixin_49857754的博客
03-28 122
缓存是一种提升浏览器性能和客户体验的一种手段。主要提升了网站的加载速度，减少了服务器请求。浏览器通过读取response header里面返回的内容决定缓存方式和是否缓存。
了解 Session、LocatStorage、Cache-Control、ETag
CRMEB小程序商城的博客
06-14 224
cookie 与 session 有什么区别？ 由于 HTTP 协议是无状态的协议，所以服务端需要记录用户的状态时，就需要用某种机制来识具体的用户，这个机制就是 Session. 典型的场景比如购物车，当你点击下单按钮时，由于 HTTP 协议无状态，所以并不知道是哪个用户操作的，所以服务端要为特定的用户创建了特定的 Session，用用于标识这个用户，并且跟踪用户，这样才知道购物车里面有几本书。这个 Session 是保存在服务端的，有一个唯一标识。在服务端保存 Session 的方法很多，内存、数据库、文
HTTP缓存（Cache-Control、Expires 、ETag）
weixin_34008805的博客
10-16 247
HTTP缓存 HTTP缓存（ ETag、Cache-Control）——谷歌开发者HTTP缓存有利于web性能优化 Cache-Control 例子 假设我们首页有一个请求,请求js文件<script src="./main.js"></script>如何让CSS和JS请求速度加快? 此时打开首页发现这个文件大小为...
一文读懂前端缓存
弑晓风
09-20 642
一文读懂前端缓存           前端缓存/后端缓存 我们先进入定义环节：什么是前端缓存？与之相对的什么又是后端缓存？   基本的网络请求就是三个步骤：请求，处理，响应。 后端缓存主要集中于“处理”步骤，通过保留数据库连接，存储处理结果等方式缩短处理时间，尽快进入“响应”步骤。当然这不在本文的讨论范围之内。 而前端缓存则可以在剩下的两步：“请...
彻底理解浏览器的缓存机制.docx
03-13
浏览器缓存

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值