内存缓存和硬盘缓存

硬盘缓存

  1. 缓存内容

    • 静态资源:通常包括 CSS、JavaScript 文件、图像(如 PNG、JPEG)、字体文件等,这些文件在多个页面或会话中会被重复使用。
    • API 响应:某些情况下,API 的响应内容也可能会被缓存,以减少后续请求的延迟。
  2. 清理频率

    • 空间管理:硬盘缓存的清理并没有固定的时间间隔,而是取决于多个因素,包括存储空间的使用情况、浏览器的策略以及用户的设置。如果硬盘空间不足,浏览器会根据使用频率和最近访问时间来淘汰较旧或不常用的缓存。
    • 手动清理:用户也可以手动清理硬盘缓存,通常通过浏览器设置中的"清除浏览数据"选项来进行。

内存缓存

  1. 缓存内容

    • 当前页面的动态资源:内存缓存主要包含当前会话中使用的资源,例如脚本、样式表、页面生成的 DOM 数据等。
    • 已加载的XHR请求:对于通过 XMLHttpRequest(XHR)或 Fetch API 加载的数据,内存缓存会存储这些响应,以便在当前标签页内的后续请求中快速使用。
  2. 清理频率

    • 会话结束时清理:内存缓存的清理一般是在浏览器关闭、标签页关闭或浏览器重启时进行,因为内存缓存依赖于浏览器进程的运行状态。
    • 刷新或重新加载:在某些情况下,刷新页面可能会清空内存缓存,尤其是在选择"强制刷新"时(如 Ctrl + F5)。

总结

  • 硬盘缓存是长期存储静态资源和 API 响应,可以在关闭浏览器后仍然保留,管理方式依赖于空间及使用情况。
  • 内存缓存是短期存储,通常仅在当前会话中存在,主要用于提高对动态资源和先前加载内容的访问速度,在浏览器关闭或页面刷新时会被清除。
相关推荐
小光学长10 分钟前
基于Vue的图书馆座位预约系统6emrqhc8(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
啃啃大瓜11 分钟前
常用库函数
开发语言·python
居安思危_Ho13 分钟前
RK平台Uniapp自启动缓存问题解决
android·缓存·uni-app·rk平台·uniapp资源文件
笑口常开xpr16 分钟前
【C++继承】深入浅出C++继承机制
开发语言·数据结构·c++·算法
Y学院20 分钟前
vue的组件通信
前端·javascript·vue.js
患得患失94922 分钟前
【ThreeJs】【伪VR】用 Three.js 实现伪 VR 全景看房系统:低成本实现 3D 级交互体验
javascript·3d·vr
PairsNightRain24 分钟前
React Concurrent Mode 是什么?怎么使用?
前端·react.js·前端框架
小岛前端37 分钟前
React 剧变!
前端·react.js·前端框架
你不是我我39 分钟前
【Java开发日记】请介绍类加载过程,什么是双亲委派模型?
java·开发语言
teeeeeeemo1 小时前
Webpack 模块联邦(Module Federation)
开发语言·前端·javascript·笔记·webpack·node.js