- 综合排序
- 最热优先
- 最新优先
- 来自专栏crmeb
了解 Session、LocatStorage、Cache-Control、ETag
HTTP 无关cookie 最大 4k，loaclStroage5MB 左右了解 Cache-ControlHTTP 缓存，web 优化（常识）将某文件缓存至本地response.setHeather (‘Cache-Control v=2 这样的话 max-age=30' 就会失效Expires 和 Cache-Control 有什么区别Expires 设置的是时间点Cache-Control 设置的是时间长度如果同时设置有限使用 然而你不知道你下载的是不是和它的 300M 一样这时就需要有个 MD5，如果你们两个的 MD5 值一样，那么说明你下载的 300M=== 它的 300M文件差异越小，MD5 的差异越大了解 ETag用 cache-Control
1.2K50编辑于 2022-06-14 - 来自专栏马涛涛的专栏
HTTP缓存（Cache-Control、Expires 、ETag）
HTTP缓存 HTTP缓存（ ETag、Cache-Control）——谷歌开发者 HTTP缓存有利于web性能优化 Cache-Control 例子 假设我们首页有一个请求,请求js文件 <script 接下来在响应里设置响应头 Cache-Control: max-age=30 刷新两次首页 ? Expires Expires 是以前用来控制缓存的http头，Cache-Control是新版的API。 现在首选 Cache-Control。 注意： 因为过期标准的时间用的是本地时间，所以不靠谱，所以要游侠使用Cache-Control代替Expires 区别 Cache-Control设置时间长度 Expires 设置时间点 详细：Expires HTTP 304 没有响应体，因为不需要下载响应内容，直接用缓存就行了 ETag与 Cache-Control的区别 假设我们请求两个文件，CSS文件使用Cache-Control缓存，js文件使用ETag
5.8K50发布于 2018-10-31 - 来自专栏佛曰不可说丶
response headers添加Cache-Control 和request headers添加Cache-Control 到底有啥区别
前言 缓存是一个复合的概念，本文是http缓存系列文章之一，仅讨论Cache-Control这个字段的两个值：no-cache和max-age=0的区别。 关于Cache-Control更全面的介绍，请点击这里。 本文实验代码的运行方式，参考这里。 特别要注意：刷新触发不了Cache-Control（原因），要查看Cache-Control的效果必须（我是这么做的）： 再打开一个tab 在新的tab上，先打开chrome-dev，调到Network 相关的源码在这里 response添加Cache-Control 首先我们通过给response headers添加Cache-Control，以此来实现缓存。 var myRequest = new Request('/api', { headers: { 'Cache-Control': 'no-cache' } }) 重复上面步骤，这次发现
5.3K00发布于 2020-06-11 - 来自专栏用户7737280的专栏
请求的时间减去Cache-Control的值
此时浏览器还没有本地缓存副本，服务器返回资源给浏览器，响应码是200 OK，浏览器收到资源后，把遴选公务员资源和对应的响应头一起缓存下来 第二次浏览器准备发送请求给服务器时候，浏览器会先检查上一次服务端返回的响应头信息中的Cache-Control ，它的值是一个相对值，单位为秒，表示资源在客户端缓存的最大有效期，过期时间为第一次请求的时间减去Cache-Control的值，过期时间跟当前的请求时间比较，如果本地缓存资源没过期，那么命中缓存，不再请求服务器
1.2K30编辑于 2021-12-02 - 来自专栏全栈程序员必看
指定为文件头部Expires要么Cache-Control
Cache-Control ：private，no-cache、must-revalidate，max-age Expires指定页面过期时间 response.setContentType(“charset =UTF-8”); response.setHeader(“Pragma”, “No-cache”); response.setHeader(“Cache-Control”, “no-cache”);
37710编辑于 2022-07-05 - 来自专栏西里网CSDN博客
Cache-Control头设置max-age和immutable属性
max-age 用法: Cache-Control: max-age=<seconds> 解析: 指定资源在缓存中的最大存储时间（秒）。 示例: Cache-Control: max-age=3600（缓存1小时）。 immutable 用法: Cache-Control: immutable 解析: 声明资源在有效期内（如max-age内）不会改变。 示例: Cache-Control: max-age=31536000, immutable（缓存1年且不可变）。 示例: Cache-Control: no-transform。
72210编辑于 2025-04-21 - 来自专栏服务器运维笔记
Cache-Control 请求头与浏览器强制刷新
Cache-Control 作为「响应头」，用以控制缓存策略，这也是前端 HTTP 缓存策略的基础。 但是你知道 Cache-Control 也可以作为「请求头」吗，以及它作为请求头有何作用？ 类似响应头 Cache-Control: no-store。 我们分别将测试以下三种情况： 请求头配置 Cache-Control: max-age=0 请求头配置 Cache-Control: no-cache 请求头不配置 Cache-Control 指令 fetch 作业 cache-control: no-cache 作为请求头以及响应头时分别是什么意思 cache-control: no-cache 与 cache-control: max-age=0 作为请求头有何区别 在浏览器控制台分别携带 cache-control 两种请求头发送请求，对比区别 浏览器中的正常重新加载与硬性重新加载，观察控制台中 cache-control 请求头
3K30编辑于 2023-01-10 - 来自专栏WordPress果酱
浏览器缓存 Last-Modified Etag Expires Cache-Control 详解
第二种是 Cache-Control，比如： Cache-Control: max-age=3600 这里声明的是一个相对的秒数，表示从现在起，3600秒内缓存都是有效的，这样就避免了服务端和客户端时间不一致的问题 但是 Cache-Control 是 HTTP1.1 才有的，不适用与 HTTP1.0，而 Expires 既适用于 HTTP1.0，也适用于 HTTP1.1，所以说在大多数情况下同时发送这两个头会是一个更好的选择 ，当客户端两种头都能解析的时候，会优先使用 Cache-Control。
1.7K30编辑于 2023-04-14 - 来自专栏服务器运维笔记
你了解 Cache-Control 作为请求头是什么意思吗？
Cache-Control 作为「响应头」，用以控制缓存策略，这也是前端 HTTP 缓存策略的基础。 但是你知道 Cache-Control 也可以作为「请求头」吗，以及它作为请求头有何作用？ 可参考 MDN cache-control directives1 图片 1. no-cache/max-age=0 Cache-Control: no-cache 作为请求头，表示即便在客户端拥有未过期的缓存 通过使用 fetch 发送请求，并通过 headers 控制请求头 cache-control，在控制台中进行测试，并在网络面板检测网络状况。 实际上的实现是每次发送请求携带 Cache-Control: max-age=0 头部。 <Shift-Ctrl-R>：硬性重新加载。 作业 cache-control: no-cache 作为请求头以及响应头时分别是什么意思 参考资料 [1] MDN cache-control directives:https://developer.mozilla.org
3.8K50编辑于 2022-11-02 - 来自专栏全栈程序员必看
Http响应头里Cache-Control：no-cache、max-age=””和no-store
响应头：Cache-Control：no-cache，强制每次请求直接发送给源服务器，而不经过本地缓存版本的校验。 浏览器通知服务器，本地没有缓存数据 //=============================================================================== cache-control 通俗解释： 响应头中的 Cache-Control:max-age=315360000 是通知浏览器：315360000 秒之内不要烦我，自己从缓冲区中刷新。 HTTP1.1 HTTP1.1中启用Cache-Control 来控制页面的缓存与否，这里介绍几个常用的参数： no-cache，浏览器和缓存服务器都不应该缓存页面信息； public，浏览器和缓存服务器都可以缓存页面信息 ； no-store，请求和响应的信息都不应该被存储在对方的磁盘系统中； must-revalidate，对于客户机的每次请求，代理服务器必须想服务器验证缓存是否过时 目前Cache-Control请求字段被各个浏览器支持的较好
6.1K00编辑于 2022-07-01 - 来自专栏散尽浮华
Nginx下关于缓存控制字段cache-control的配置说明 - 运维小结
在请求消息或响应消息中设置 Cache-Control并不会影响另一个消息处理过程中的缓存处理过程。 Expires: 设置以分钟为单位的绝对过期时间, 优先级比Cache-Control低, 同时设置Expires和Cache-Control则后者生效. "Cache-Control"头标的值由您指定的时间来决定： - 负数 Cache-Control: no-cache - 正数或零 Cache-Control: max-age = # Cache-Control Cache-Control 通用消息头字段被用于在http 请求和响应中通过指定指令来实现缓存机制。 HTTP1.1 HTTP1.1中启用Cache-Control 来控制页面的缓存与否，Cache-Control是http1.1 中的标准，可以看成是 expires 的补充, 使用的是相对时间的概念。
11.8K51发布于 2019-05-25 - 来自专栏AI SPPECH
前端静态资源缓存控制：ETag、Last-Modified、Cache-Control 的最小组合
对照表：三者关系 字段 作用 典型用法 ETag 内容指纹 资源修改时变更，弱/强ETag可选 Last-Modified 最后更新时间 与If-Modified-Since配合 Cache-Control listen 80; server_name _; location /static/ { root /var/www/html; etag on; add_header Cache-Control
21310编辑于 2025-11-18 - 来自专栏博客迁移同步
HTTP缓存机制的Etag、Last-Modified、If-None-Match和If-Modified-Since、Expires和Cache-Control笔记
，我们来学习几个知识点Expires和Cache-Control。 所以，建议Expires结合Cache-Control一起使用，大型网站中一起使用的情况比较多见。 Cache-Control: 该字段是HTTP/1.1协议中的，可以是请求头中的或者响应头中的字段。 Cache-Control是一个复杂的野兽，具有许多内置功能。 99％的情况下，只需要“cacheability”（可缓存性）和“max-age”。 Cache-Control相对于Expires更加具体，细致。若同时设置了Cache-Control和Expires，Cache-Control的优先级高于Expires。 Cache-Control：no-cache 也适用于客户端发出的请求。它是浏览器告诉服务器和任何中间缓存它想要新资源的一种手段。
4.2K20编辑于 2023-05-06 - 来自专栏编程三昧
【前端 · 面试 】HTTP 总结（八）—— HTTP 强缓存
Cache-Control 在请求头和响应头中都可以使用： 请求头Cache-Control 字段列表： Cache-Control: max-age=<seconds> Cache-Control: max-stale=<seconds> Cache-Control: min-fresh=<seconds> Cache-control: no-cache Cache-control: no-store Cache-control: no-transform Cache-control: only-if-cached 响应头Cache-Control 字段列表： Cache-control: must-revalidate Cache-control: no-cache Cache-control: no-store Cache-control: no-transform Cache-control: public Cache-control 当 Expires 和 Cache-Control 同时存在时，只有 Cache-Control 生效。
57410发布于 2021-08-08 - 来自专栏linjinhe的专栏
浏览器缓存机制
Cache-Control/Expires Cache-Control和Expires控制文件的缓存，在缓存文件的有效时间内，浏览器直接使用本地文件，不与服务器交互。 在Cache-Control和Expires同时存在的情况下，Cache-Control的优先级高于Expires。 Cache-Control: private 告诉浏览器不要缓存这个文件。 强制刷新 F5 强制使Cache-Control/Expires失效：Cache-Control: max-age=0 此时，如果文件还使用了Last-Modified/Etag进行缓存控制，则向服务器发起 对于1，使用Cache-Control可以实现（Cache-Control的优先级高于Expires）。 对于2，使用Last-Modified或者Etag可以实现（两者可以一起使用）。
1.3K60发布于 2018-06-06 - 来自专栏代码拾遗
SpringMVC 教程 - HTTP 缓存
主要使用的HTTP 的响应头Cache-Control来控制，也可以选择使用Last-Modified和ETag。 Cache-Control Spring MVC 支持多种方式配置Cache-Control。RFC 7234详细描述了这个header。 Spring MVC使用setCachePeriod(int seconds)进行配置： -1 表示不生成Cache-Control 0 使用Cache-Control: no-store n > 0 表示缓存多少秒，使用Cache-Control: max-age=n CacheControl类可以表示Cache-Control指令，是的构建缓存策略更加的简单。 比较推荐的做法是在响应中添加Cache-Control。
1K40发布于 2018-07-24 - 来自专栏全栈工程师修炼之路
网页性能优化浅谈与实践
---- (1) 缓存控制 Tips : Cache-Control除了在响应中使用，在请求中也可以使用 1.用开发者工具来模拟下请求时带上Cache-Control：勾选Disable cache，刷新页面 (css|js|txt|xml|swf|wav)$ { add_header Cache-Control no-store; add_header Cache-Control ; add_header Cache-Control no-cache; add_header Cache-Control must-revalidate; } 如果一个报文中同时出现Pragma和Cache-Control时，以Pragma为准。同时出现Cache-Control和Expires时，以Cache-Control为准。 从状态码的角度来看，它们的关系如下图1,cache-control的各个值关系如下图2 WeiyiGeek.状态码与cache-control值
91220编辑于 2022-09-29 - 来自专栏Vincent-yuan
asp.net core 系列之Response caching(1)
注意：Cache-Control，是用在从请求中的HTTP头，可以用来控制服务器中缓存行为。 HTTP-based caching respects request Cache-Control directives HTTP 1.1 Caching specification for the Cache-Control header (HTTP 1.1 缓存规格对于Cache-Control头)要求一个缓存遵守一个有效的Cache-Control 头，这个Cache-Control头是被客户端发送的。 当这个属性被设置为true，Cache-Control头被设置为no-store. 这种情况下，Cache-Control头被设置为location的值，并且跟着一个响应的max-age.
87020发布于 2019-09-10 - 来自专栏coder
跟我一起探索 HTTP-HTTP缓存
启发式缓存是在 Cache-Control 被广泛采用之前出现的一种解决方法，基本上所有响应都应明确指定 Cache-Control 标头。 为确保默认情况下始终传输最新版本的资源，通常的做法是让默认的 Cache-Control 值包含 no-cache： Cache-Control: no-cache 另外，如果服务实现了 cookie 36 cache-control max-age=0 37 cache-control max-age=604800 38 cache-control max-age=2592000 39 cache-control no-cache 40 cache-control no-store 41 cache-control public, max-age=31536000 如果你选择其中一个编号选项，则可以在通过 HTTP3 Cache-Control: public, max-age=31536000 Cache-Control: immutable 主要资源 与子资源不同，主资源不能使用缓存破坏，因为它们的 URL 不能像子资源
1.2K51编辑于 2023-10-16 - 来自专栏WebJ2EE
【浏览器】：缓存
Cache-Control The Cache-Control HTTP/1.1 general-header field is used to specify directives for caching Cache-Control: no-cache 4.3.1.3. Cache-Control: max-age=31536000 注：若响应中含有Cache-Control:max-age=0或Cache-Control:no-cache 或 Pragma:no-cache IE11：仍然检验新鲜度 If-Modified-Since Edge：直接拉取资源 cache-control：no-cache Chrome、Firefox：直接拉取资源 cache-control header, although it does behave the same as Cache-Control: no-cache, if the Cache-Control header field
1.2K30发布于 2020-11-20
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号