强缓存和协商缓存的区别?

协商缓存和强缓存是 HTTP 缓存机制中的两种不同的策略,用于减少网络请求并提高网页加载速度。它们之间的主要区别在于缓存的验证方式服务器返回的响应头

强缓存:

  • 强缓存是基于过期时间(Expires)和缓存标识(Cache-Control)的策略。
  • 当浏览器发起请求时,会先检查本地缓存是否过期。如果缓存未过期,浏览器直接从本地缓存中获取资源,不发送请求到服务器。
  • 服务器通过设置响应头的 ExpiresCache-Control 字段来指定资源的过期时间或缓存规则。
  • 如果缓存过期,浏览器会发送请求到服务器,并在请求头中包含 If-Modified-SinceIf-None-Match 字段,以告知服务器上次获取资源时的时间或资源的标识。
  • 如果服务器返回 304 Not Modified 状态码,表示资源未发生变化,浏览器可以继续使用本地缓存,否则服务器返回新的资源。

协商缓存:

  • 协商缓存是基于实体标签(ETag)和最后修改时间(Last-Modified)的策略。
  • 当浏览器发起请求时,会发送资源的实体标签和最后修改时间等信息到服务器。
  • 服务器通过比较请求头中的实体标签(If-None-Match)或最后修改时间(If-Modified-Since)与资源的当前状态进行验证。
  • 如果资源未发生变化,服务器返回 304 Not Modified 状态码,浏览器可以使用本地缓存。如果资源有更新,服务器返回新的资源。

主要区别:

  • 强缓存是基于过期时间或缓存规则进行验证,而协商缓存是基于实体标签或最后修改时间进行验证。
  • 强缓存不与服务器进行通信,直接从本地缓存获取资源,而协商缓存需要与服务器进行通信以验证资源的状态。
  • 强缓存的响应头字段是 ExpiresCache-Control,而协商缓存的响应头字段是 ETagLast-Modified

通常情况下,浏览器会先使用强缓存进行验证,如果缓存过期,则使用协商缓存进行进一步的验证,以确保获取最新的资源。这样可以在一定程度上减少对服务器的请求,并提供更快的访问速度。

相关推荐
KaMeidebaby3 小时前
卡梅德生物技术快报|骆驼纳米抗体:从原核表达、高通量测序到分子对接全流程实现
前端·数据库·其他·百度·新浪微博
子兮曰5 小时前
Node.js v26.1.0 深度解读:FFI、后量子密码与调试器的进化
前端·后端·node.js
测试员周周5 小时前
【Appium 系列】第06节-页面对象实现 — LoginPage 实战
开发语言·前端·人工智能·python·功能测试·appium·测试用例
西洼工作室6 小时前
前端直传OSS服务端签名(Policy+Signature)/STS临时凭证
前端·文件上传·oss
你很易烊千玺7 小时前
日常练习-数组 字符串常用的场景
前端·javascript·字符串·数组
weixin199701080168 小时前
[特殊字符] RESTful API 接口规范详解:构建高效、可扩展的 Web 服务(附 Python 源码)
前端·python·restful
存在的五月雨8 小时前
Vue3项目一些语法
前端·javascript·react.js
nashane8 小时前
HarmonyOS 6学习:Web组件同层渲染事件处理与智能长截图实现
前端·学习·harmonyos·harmonyos 5
大家的林语冰8 小时前
Node 2026 发布,JS 三大新功能上线,最后一个奇偶版本
前端·javascript·node.js