Skip to main content

浏览器的缓存机制

什么是缓存

浏览器缓存 Brower Caching 是浏览器对之前请求过的文件进行缓存,以便再次访问的时候提高页面展示的速度。比如当我们第一次访问网站的时候,PC 会把从网站上的图片和数据下载到电脑上。当再次访问 CSDN 网站的时候,网站直接从 PC 加载,这就是缓存。

web 缓存的类别

① 数据库缓存

将查询后的数据放在内存中进行缓存,下次再查询,直接从内存缓存中获取,提高响应速度

② CDN 缓存

发送 web 请求,cdn 计算出路径短且快的路。管理员部署,把经常访问的放入 cnd 加快响应

③ 服务器缓存

与浏览器缓存机制类似,但代理服务器面向更广大的群体,规模更大。不只是为一个用户服务,而是为一群用户服务。

④ 浏览器缓存

每个浏览器都实现 HTTP 缓存。浏览器使用 HTTP 协议与服务器交互,根据与服务器约定的规则进行缓存工作

浏览器缓存的位置

浏览器缓存通过 HTTP/HTTPS 实现,存储位置有四种

  • Service Worker
  • Memory Cache(内存缓存)
  • Disk Cache(硬盘缓存)
  • Push Cache(推送缓存)

以上缓存全部没有命中就会进行网络请求。

缓存的优点

(1)浏览器缓存是将文件保存在客户端,减少重复请求浪费网络带宽,只产生很小的网络消耗。

(2)缓解服务器的压力,不用重复请求数据

(3)提升前端性能,提高访问速度,提供更好的用户体验

参考文章