内存缓存和硬盘缓存

硬盘缓存

  1. 缓存内容

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

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

内存缓存

  1. 缓存内容

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

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

总结

  • 硬盘缓存是长期存储静态资源和 API 响应,可以在关闭浏览器后仍然保留,管理方式依赖于空间及使用情况。
  • 内存缓存是短期存储,通常仅在当前会话中存在,主要用于提高对动态资源和先前加载内容的访问速度,在浏览器关闭或页面刷新时会被清除。
相关推荐
LjQ20402 分钟前
网络爬虫一课一得
开发语言·数据库·python·网络爬虫
你是狒狒吗9 分钟前
TM中,return new TransactionManagerImpl(raf, fc);为什么返回是new了一个新的实例
java·开发语言·数据库
spionbo20 分钟前
Vue 表情包输入组件实现代码及完整开发流程解析
前端·javascript·面试
全宝20 分钟前
✏️Canvas实现环形文字
前端·javascript·canvas
lyc23333320 分钟前
鸿蒙Core File Kit:极简文件管理指南📁
前端
勤奋的知更鸟20 分钟前
Java编程之组合模式
java·开发语言·设计模式·组合模式
我这里是好的呀20 分钟前
全栈开发个人博客12.嵌套评论设计
前端·全栈
我这里是好的呀22 分钟前
全栈开发个人博客13.AI聊天设计
前端·全栈
金金金__22 分钟前
Element-Plus:popconfirm与tooltip一起使用不生效?
前端·vue.js·element