内存缓存和硬盘缓存

硬盘缓存

  1. 缓存内容

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

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

内存缓存

  1. 缓存内容

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

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

总结

  • 硬盘缓存是长期存储静态资源和 API 响应,可以在关闭浏览器后仍然保留,管理方式依赖于空间及使用情况。
  • 内存缓存是短期存储,通常仅在当前会话中存在,主要用于提高对动态资源和先前加载内容的访问速度,在浏览器关闭或页面刷新时会被清除。
相关推荐
隔山打牛牛2 分钟前
Spring的两大核心
java·开发语言
皮卡蛋炒饭.3 分钟前
Linux进程信号
开发语言·c++
Bacon3 分钟前
CDP、Puppeteer 与无头浏览器:它们到底什么关系?
前端·javascript·node.js
kyriewen3 分钟前
你的网站被“下毒”了?XSS和CSRF:前端安全的两大“毒瘤”
前端·javascript·安全
Irene19914 分钟前
Web前端开发转行大数据开发,可行性分析及学习路线
大数据·前端·转行
咸鱼翻身了么4 分钟前
大文件上传-spark-md5
前端·后端
API快乐传递者5 分钟前
Python 爬虫获取 1688 商品详情 API 接口实战指南
java·前端·python
PeterMap7 分钟前
Vue条件渲染详解:v-if、v-show用法与实战指南
前端·vue.js
Hilaku8 分钟前
别再用 JSON.parse 深拷贝了,聊聊 StructuredClone
前端·javascript·vue.js
暗不需求9 分钟前
手写 instanceof:从原型链聊聊 JS 的实例判断
前端·javascript