浏览器的缓存策略

浏览器缓存的策略主要分为两种:过期机制和验证机制。

过期机制:是指浏览器根据资源的过期时间,判断是否可以直接使用缓存中的副本,而无需向服务器发起请求。过期时间可以通过以下两种方式设置:

Cache-Control:这是一个HTTP响应头,用于指定资源的最大有效期。例如,Cache-Control: max-age=3600表示资源在3600秒内有效,之后需要重新请求。

Expires:这也是一个HTTP响应头,用于指定资源的具体过期时间。例如,Expires: Wed, 21 Oct 2023 07:28:00 GMT表示资源在2023年10月21日7点28分过期,之后需要重新请求。如果同时设置了Cache-Control和Expires,那么Cache-Control的优先级更高。

验证机制:是指浏览器在请求资源时,向服务器发送一些标识,询问资源是否有更新,如果没有更新,那么服务器返回304状态码,表示资源未修改,浏览器可以继续使用缓存中的副本;如果有更新,那么服务器返回200状态码,以及最新的资源,浏览器更新缓存并渲染资源。验证机制可以通过以下两种方式实现:

Last-Modified:这是一个HTTP响应头,用于表示资源的最后修改时间。例如,Last-Modified: Wed, 21 Oct 2023 07:28:00 GMT表示资源在2023年10月21日7点28分被修改过。当浏览器再次请求该资源时,会发送一个If-Modified-Since的HTTP请求头,其值为上次的Last-Modified的值,服务器根据这个值判断资源是否有更新。

ETag:这是一个HTTP响应头,用于表示资源的唯一标识。例如,ETag: "5d8c72a5edda8d6a:0"表示资源的ETag值为"5d8c72a5edda8d6a:0"。当浏览器再次请求该资源时,会发送一个If-None-Match的HTTP请求头,其值为上次的ETag的值,服务器根据这个值判断资源是否有更新。

Last-Modified和ETag的比较:

ETag比Last-Modified更准确,因为如果打开没有修改的文件,Last-Modified也会改变,而且Last-Modified的单位时间是秒,如果文件在一秒钟内被修改,它仍然会命中缓存³。

ETag比Last-Modified更消耗性能,因为服务器需要为每个资源生成和比较ETag的值,而Last-Modified只需要获取文件的修改时间即可。

如果同时设置了Last-Modified和ETag,那么服务器会优先根据ETag的值判断资源是否有更新

相关推荐
幻步智能网络云专线15 分钟前
幻步智能:企业跨境网络与全球组网解决方案
网络
T011561826 分钟前
艺培场馆课时预约小程序用户端 & 后台联动踩坑上篇(预约、课时、缓存、消息、学员端自身问题)
java·缓存·小程序·bug·全栈项目实战手记·艺培课时系统‘’
liukuang11030 分钟前
董宇辉带走流量,东方甄选留下印钞机
大数据·网络·人工智能
飞翔的火箭弹1 小时前
企业网络资产管理用什么系统工具
开发语言·网络·php
Brilliantwxx1 小时前
【Linux】 进程(5) 僵尸进程与内存泄漏扩展
linux·运维·服务器·网络·c++
我爱cope1 小时前
【计算机网络 | 网络层4:子网掩码与 CIDR:如何判断网络号和主机号?】
网络·学习·计算机网络
国科安芯1 小时前
ASL3159S:把精密信号的“破音“挡在切换之外的 0.9Ω 开关
服务器·网络·数据库·架构·状态模式·抗辐射加固
北漂燕郊杨哥2 小时前
npm 缓存占满 C 盘?三步把它迁到 D 盘(附验证与避坑)
缓存·npm·node
0566462 小时前
python高级——Python 类型提示与 Pydantic
网络·人工智能·windows·python·学习
克里斯蒂亚诺更新2 小时前
win下如何将redis自启动
数据库·redis·缓存