美文网首页
浏览器的缓存

浏览器的缓存

作者: sun_hl | 来源:发表于2021-08-09 15:59 被阅读0次

https://segmentfault.com/a/1190000019185648

1.png

缓存的作用:

减少网络带宽消耗:
当web缓存副本被使用时,只会产生极小的网络流量,可以有效降低运营成本。
降低服务器压力:
给网络资源设定有效期之后,用户可以重复使用本地缓存,减少对源服务器的请求,间接降低了对服务器的压力。
减少网络延迟:
缓存的使用可以明显加快页面打开速度,达到更好的用户体验。

缓存策略

强缓存和协商缓存


image.png

使用场景:

不常变化的资源使用强缓存
1、比如你网站的图片已经确定十几年都不会变化,那么就可以设置它的过期时间久一点,这样就减少了http请求。
2、如果要解决文件更新了但是max-age没有到期的情况,就需要在URL上面添加hash,版本号等信息。

频繁变化的资源
用协商缓存,使用Cache-Control: no-cache 使浏览器每次都请求服务器,可以显著减少响应数据的大小。

cache-control中的no-store、no-cache区别

  • no-cache是会被缓存的,只不过每次在向客户端(浏览器)提供响应数据时,缓存都要向服务器评估缓存响应的有效性。
  • no-store 则是不进行任何数据的缓存。

相关文章

  • 浏览器缓存(http缓存)

    浏览器缓存有两种:强制缓存和协商缓存 浏览器缓存机制 浏览器发送请求,会先从浏览器缓存中查找【请求结果】和【缓存标...

  • 缓存、cookie、token、session、localSto

    一、缓存分类 服务器端缓存(CDN缓存) 客户端缓存(浏览器缓存); 二、浏览器缓存 强缓存:浏览器在加载资源时,...

  • 协商缓存和强缓存

    浏览器缓存主要有两类:缓存协商和彻底缓存,也有称之为协商缓存和强缓存 浏览器缓存机制浏览器缓存(Brower Ca...

  • DSBD

    1.浏览器缓存 浏览器每次发起请求,都会先在浏览器缓存中查找该请求的结果以及缓存标识 强制缓存优先于协商缓存进...

  • Web浏览器的缓存机制

    原文转载【Web缓存机制系列】2 – Web浏览器的缓存机制 浏览器端的缓存规则 对于浏览器端的缓存来讲,这些规则...

  • 浏览器缓存?优点?清除方法?

    ☆前端优化:浏览器缓存技术介绍 - 简书 浏览器缓存(适用于前端解决缓存问题) - 简书 js清除浏览器缓存问题的...

  • 浏览器缓存

    浏览器缓存 浏览器处理网页的方式 走到协商缓存会返回 304 走到强缓存会返回 200 合理使用浏览器缓存 页面连...

  • 关于浏览器缓存---强制缓存和对比缓存

    浏览器缓存主要指HTTP的缓存--即协议层,协议层缓存可以被分为强制缓存和对比缓存。 强制缓存 强制缓存时,浏览器...

  • 【HTTP】缓存

    http前言 缓存分为服务器和浏览器缓存,我们来看下浏览器端的缓存机制;浏览器缓存分为html meat标签属性和...

  • nginx 缓存(11)

    介绍nginx是如何设置缓存之前,我们还是先聊聊web浏览器的缓存机制。 1.浏览器缓存 浏览器的缓存机制也就是我...

网友评论

      本文标题:浏览器的缓存

      本文链接:https://www.haomeiwen.com/subject/thdukltx.html