Cache-Control: max-age=1000 缓存 与 ETag 的「缓存」有什么区别?

链接:https://www.jianshu.com/p/8da6beefcbc9

Cache-Control:缓存 与 ETag 的「缓存」有什么区别?

Cache-Control: max-age=1000 :请求完成,响应完毕后,响应体保存一百秒,时间一到缓存就没有啦,需要从新请求服务器,去拿对应的数据。100秒期间,浏览器不会再次发送任何请求,只在本地缓存拿数据。

ETag:对比本地与服务器端的MD5返回值,若一致,不需要重新加载响应体,若不一致(说明文本发生了改变)则重新下载响应体。当数据没发生改变的时候,每次请求虽然不会重新加载响应体,但是还是发送了请求。

如果资源没过期,前者根本不会发送请求,后者会发送请求。

PS:

①,作为入口,html是不能做缓存的,html有很多url,如果缓存的话,JS,CSS等发生更新变化,用户不能第一时间获取最新的版本。

②,如果缓存内容在设置的过期时间内发生变动,需要更改请求路径,当路径发生改变,浏览器就会重新求情。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 网络特有的延迟以及数据传输的成本,制约互联网快速获取Web资源。为此,HTTP协议引入缓存以空间换时间,使浏览器缓...
    大头8086阅读 8,260评论 2 12
  • 参考《深入理解浏览器的缓存机制》进行整理 前言 缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略...
    琢磨先生lf阅读 4,068评论 1 1
  • API定义规范 本规范设计基于如下使用场景: 请求频率不是非常高:如果产品的使用周期内请求频率非常高,建议使用双通...
    有涯逐无涯阅读 7,801评论 0 6
  • 一、前言 缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,...
    浪里行舟阅读 208,213评论 46 521
  • 一、前言 缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,...
    沉落的星星阅读 3,012评论 0 0

友情链接更多精彩内容