前端缓存/浏览器缓存机制

本文详细介绍了前端缓存/浏览器缓存的工作机制,包括缓存过程分析、强缓存(Expires与Cache-Control)和协商缓存(Last-Modified与ETag)。浏览器首先会尝试使用强缓存,如果失效则进行协商缓存,由服务器决定是否使用缓存。缓存位置包括Service Worker、Memory Cache、Disk Cache和网络请求,不同的缓存位置有不同的优先级和特点。
摘要由CSDN通过智能技术生成

前端缓存/浏览器缓存机制

1. 缓存过程分析

浏览器第一次向服务器发起该请求后拿到请求结果后,将请求结果和缓存标识存入浏览器缓存,浏览器对于缓存的处理是根据第一次请求资源时返回的响应头来确定的。
在这里插入图片描述

  • 浏览器每次发起请求,都会先在浏览器缓存中查找该请求的结果以及缓存标识
  • 浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存中

2.浏览器缓存方式

浏览器中的缓存作用分为两种情况,一种是需要发送HTTP请求,一种是不需要发送。

(1)强缓存

  • 不会向服务器发送请求,直接从缓存中读取资源。

  • 通过相应的字段来进行检查:在早期,也就是HTTP/1.0时期,使用的是Expires,而HTTP/1.1使用的是Cache-Control

  • 强缓存判断是否缓存的依据来自于是否超出某个时间或者某个时间段,而不关心服务器端文件是否已经更新,这可能会导致加载文件不是服务器端最新的内容。

Expires
即过期时间(Expires=max-age +请求时间),存在于服务端返回的响应头中,告诉浏览器在这个过期时间之前可以直接从缓存里面获取数据,无需再次请求

Expires: 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值