http缓存?强制缓存和协商缓存?

HTTP缓存是一种优化网络资源加载速度的技术,通过减少从服务器获取相同资源的次数来实现。HTTP缓存机制包括强制缓存和协商缓存(对比缓存)两种类型。

强制缓存

强制缓存是指浏览器在接收到服务器返回的响应后,会将响应内容和相关缓存信息(如Expires和Cache-Control)保存在本地。当浏览器再次请求该资源时,会先检查缓存中的信息,如果缓存中的信息表明资源未过期,则直接从缓存中加载资源,不会向服务器发送请求。

强制缓存有两种实现方式:

  1. Expires:在HTTP响应头中设置一个过期时间,浏览器在过期时间之前不会向服务器发送请求,而是直接使用缓存中的资源。但是,由于Expires是基于服务器时间来计算的,如果服务器时间被修改,可能会导致缓存失效。
  2. Cache-Control :这是一个更灵活的机制,通过设置max-age属性来指定资源在缓存中的存活时间。浏览器在接收到响应后,会根据max-age的值来判断资源是否过期。与Expires相比,Cache-Control是基于客户端时间来计算的,因此更可靠。
协商缓存

当强制缓存失效时,浏览器会尝试使用协商缓存。协商缓存是指浏览器在缓存失效后,会向服务器发送一个请求,并携带缓存中资源的标识(如Last-Modified或ETag)。服务器收到请求后,会检查该资源是否有变化,如果资源没有变化,则返回304状态码和空的响应体,浏览器可以直接从缓存中加载资源;如果资源有变化,则返回新的资源内容。

协商缓存有两种实现方式:

  1. Last-Modified/If-Modified-Since:服务器在响应头中返回资源的最后修改时间(Last-Modified),浏览器在下次请求时会在请求头中携带上次获取资源的时间(If-Modified-Since)。服务器比较这两个时间,如果资源没有变化,则返回304状态码;否则,返回新的资源内容。
  2. ETag/If-None-Match:服务器为资源生成一个唯一的标识(ETag),并在响应头中返回给浏览器。浏览器在下次请求时会在请求头中携带该标识(If-None-Match)。服务器检查该标识是否与当前资源的标识一致,如果一致,则返回304状态码;否则,返回新的资源内容。ETag相对于Last-Modified更可靠,因为ETag考虑了资源内容的变化,而不仅仅是修改时间。

总的来说,强制缓存和协商缓存是HTTP缓存机制的两个重要组成部分,它们共同协作以提高网页加载速度和用户体验。

相关推荐
极小狐10 分钟前
极狐GitLab 容器镜像仓库功能介绍
java·前端·数据库·npm·gitlab
程序猿阿伟22 分钟前
《Flutter社交应用暗黑奥秘:模式适配与色彩的艺术》
前端·flutter
rafael(一只小鱼)26 分钟前
黑马点评实战笔记
前端·firefox
weifont26 分钟前
React中的useSyncExternalStore使用
前端·javascript·react.js
初遇你时动了情31 分钟前
js fetch流式请求 AI动态生成文本,实现逐字生成渲染效果
前端·javascript·react.js
影子信息1 小时前
css 点击后改变样式
前端·css
几何心凉1 小时前
如何使用 React Hooks 替代类组件的生命周期方法?
前端·javascript·react.js
小堃学编程1 小时前
前端学习(1)—— 使用HTML编写一个简单的个人简历展示页面
前端·javascript·html
hnlucky2 小时前
通俗易懂版知识点:Keepalived + LVS + Web + NFS 高可用集群到底是干什么的?
linux·前端·学习·github·web·可用性测试·lvs
懒羊羊我小弟2 小时前
使用 ECharts GL 实现交互式 3D 饼图:技术解析与实践
前端·vue.js·3d·前端框架·echarts