缓存与存储

186 阅读2分钟

浏览器缓存是浏览器为了加速网页加载速度和提升用户体验而采取的一种机制。它的工作原理是将用户访问过的网页资源(如HTML文件、图片、CSS样式表、JavaScript脚本等)存储在本地计算机的临时存储区域(即缓存)中。当用户再次访问同一个网页或使用了相同资源的其他网页时,浏览器可以直接从本地缓存中加载这些资源,而不需要重新从服务器下载,这样做可以减少网络延迟并节省带宽。

直接人为决定浏览器将缓存存储在内存还是硬盘上通常是不可行的,因为这涉及到浏览器内部的实现机制和操作系统对资源管理的方式。浏览器的缓存策略(包括使用内存缓存和硬盘缓存)是由浏览器开发者设计的,旨在自动、高效地管理数据存储,以优化性能和资源使用。

节省带宽:tongyi.aliyun.com/qianwen/sha…

juejin.cn/post/717879… 最容易理解

juejin.cn/post/684490…

缓存机制无处不在,有客户端缓存,服务端缓存,代理服务器缓存等

浏览器中(Service Worker、Memory Cache、Disk Cache 和 Push Cache)

那请求的时候 from memory cache 和 from disk cache 的依据是什么,哪些数据什么时候存放在 Memory Cache 和 Disk Cache中?

www.jianshu.com/p/54cc04190… ***

缓存的优点

  1. 减少了冗余的数据传递,节省宽带流量
  2. 减少了服务器的负担,大大提高了网站性能
  3. 加快了客户端加载网页的速度 这也正是HTTP缓存属于客户端缓存的原因。

强缓存与协商缓存相结合的方案

1)HTML 文档配置协商缓存;

2)JS、CSS、图片等资源配置强缓存

此方案的好处:当项目版本更新时,可以获取最新的页面;若版本未变化,可继续复用之前的缓存资源;既很好利用了浏览器缓存,又解决了页面版本更新的问题

强缓存又分为 Disk Cache (存放在硬盘中)和 Memory Cache (存放在内存中)

image.png