内存缓存和硬盘缓存

硬盘缓存

  1. 缓存内容

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

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

内存缓存

  1. 缓存内容

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

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

总结

  • 硬盘缓存是长期存储静态资源和 API 响应,可以在关闭浏览器后仍然保留,管理方式依赖于空间及使用情况。
  • 内存缓存是短期存储,通常仅在当前会话中存在,主要用于提高对动态资源和先前加载内容的访问速度,在浏览器关闭或页面刷新时会被清除。
相关推荐
css趣多多几秒前
ctx 上下文对象控制新增 / 编辑表单显示隐藏的逻辑
前端
惊讶的猫3 分钟前
Redis持久化介绍
数据库·redis·缓存
froginwe113 分钟前
JavaScript 函数调用
开发语言
阔皮大师7 分钟前
INote轻量文本编辑器
java·javascript·python·c#
lbb 小魔仙7 分钟前
【HarmonyOS实战】React Native 表单实战:自定义 useReactHookForm 高性能验证
javascript·react native·react.js
独望漫天星辰7 分钟前
C++ 多态深度解析:从语法规则到底层实现(附实战验证代码)
开发语言·c++
_codemonster8 分钟前
Vue的三种使用方式对比
前端·javascript·vue.js
寻找奶酪的mouse8 分钟前
30岁技术人对职业和生活的思考
前端·后端·年终总结
梦想很大很大16 分钟前
使用 Go + Gin + Fx 构建工程化后端服务模板(gin-app 实践)
前端·后端·go
We་ct18 分钟前
LeetCode 56. 合并区间:区间重叠问题的核心解法与代码解析
前端·算法·leetcode·typescript