本文详细介绍了浏览器缓存的四种类型：Memory Cache、Service Worker Cache、HTTP Cache（包括强缓存和协商缓存）以及Push Cache。通过理解并合理利用这些缓存机制，开发者可以显著提高前端性能，减少服务器压力，降低网络负荷。
]
📚(一)浏览器缓存概览
关于前端性能优化，一直是一个老生常谈的话题，在性能优化的诸多方法中，缓存可以说是性能优化中简单高效的一种优化方式了。
🙄那么浏览器缓存可以在哪方面给我们带来实质性的性能优化呢？
📣我们知道从我们从输入 URL 到页面加载完成，大致可以分为5个步骤
- DNS 域名解析
- 建立TCP 连接
- HTTP 请求抛出
- 服务端处理请求，HTTP 响应返回
- 浏览器拿到响应数据，解析响应内容，把解析的结果展示给用户
浏览器缓存可以帮助我们在第3和第5步骤中优化性能。利用浏览器存储机制，将一部分数据保存在客户端，从而减少对服务器的请求降低服务器的压力，提升效率。
📢📢一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷👍。
📚(二)浏览器缓存的具体使用
对于我这种菜鸡而言，对于浏览器缓存机制的理解就是HTTP 缓存🥴，但查阅资料发现浏览器缓存可以分为4种，而且它们按照获取资源时请求的优先级依次排列如下😳：
- Memory Cache
- Service Worker Cache
- HTTP Cache
- Push Cache
我们依次来看一下吧，乌拉~
1、🍜Memory Cache
Memory Cache 也就是内存中的缓存，主要包含的是当前中页面中已经抓取到的资源,例如页面上已经下载的样式、脚本、图片等，从效率上来说，它是响应速
最低0.47元/天 解锁文章
扫一扫
1461
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
