浏览器缓存机制

本文详细介绍了浏览器缓存的位置,包括Service Worker、Memory Cache、Disk Cache和Push Cache,并阐述了强缓存(Expires和Cache-Control)与协商缓存(Last-Modified、If-Modified-Since和ETag、If-None-Match)的工作原理,强调了Cache-Control的优先级和Etag的精确度优势。
摘要由CSDN通过智能技术生成


使用浏览器的缓存是性能优化中简单高效的一种优化方式,合理的浏览器缓存策略可以减少浏览器的相应和减少向后端发送请求。

缓存位置

Service Worker

Service Worker 是一个可以用来实现缓存功能的独立线程。Service Worker使用拦截请求的方式查询是否存在缓存,存在缓存的话就可以直接读取缓存文件,否则就去请求数据。因为 Service Worker 中涉及到请求拦截,传输协议必须为 HTTPS。

Memory Cache

Memory Cache 是内存中的缓存,主要是当前页面中已经获取到的资源。cache是高速缓存器,具有高速缓存器的特点,如高效,持续时间短,容量小。

内存缓存中有一块重要的缓存资源是preloader相关指令下载的资源,preloader的相关指令是页面优化的常见手段之一,它可以一边解析js/css文件,一边网络请求下一个资源。

Disk Cache

Disk Cache 是硬盘中的缓存,具有硬盘存储的特点,如读取速度慢,容量大,时效性高,因此大部分的缓存都来自 Disk Cache。

Push Cache

Push Cache是推送缓存,当以上三种缓存都没有命中时,它才会被使用。Push Cache只在会话(Session)中存在,并且缓存时间也很短暂,在Chrome浏览器中只有5分钟左右,同时它也并非严格执行HTTP头中的缓

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值