浏览器的缓存策略

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

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

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的值判断资源是否有更新

相关推荐
编程牛马姐2 小时前
独立站SEO流量增长:提高Google排名的优化方法
前端·javascript·网络
2401_873479403 小时前
如何从零搭建私有化IP查询平台?数据采集、清洗、建库到API发布全流程
服务器·网络·tcp/ip
FS_Marking4 小时前
CWDM vs DWDM:区别是什么?
网络
ego.iblacat4 小时前
Redis 核心概念与部署
数据库·redis·缓存
Vis-Lin5 小时前
BLE 协议栈:ATT 协议详解
网络·物联网·网络协议·iot·ble
lcxc5 小时前
Mac M4超流畅运行Win版同花顺教程
网络
W.A委员会6 小时前
常见网络攻击
网络·http·网络安全
zmj3203246 小时前
CAN数据帧详解
网络·can·canfd·数据帧
苏渡苇6 小时前
5 分钟跑起 Redis(Docker 版)
数据库·redis·缓存·docker·redis入门
无心水6 小时前
OpenClaw技术文档/代码评审/测试用例生成深度实战
网络·后端·架构·测试用例·openclaw·养龙虾