前端缓存策略

HTTP缓存

缓存是指可以进行高速数据交换的存储器,它先于内存CPU交换数据,因此速率很快。当某一硬件要读取数据时,会首先从缓存中查找需要的数据,如果找到了则直接执行,找不到的话则从内存中找。而http缓存主要针如css,js,图片等更新频率不大的静态文件。

缓存的优缺点

优点

  • 加快网页打开速度
  • 减少网络宽带的消耗
  • 减轻服务器端的压力

缺点

  • 服务器缓存中的数据变了,浏览器不知道数据是否发生改变。
  • 不利于做信息采集
前端缓存

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gGfjkbLM-1598350837613)(images/微信截图_20191209233247.png)]

HTTP缓存

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-W6Ix04b8-1598350837617)(images/11715204-eb4f736a2cd7e915.png)]

HTTP缓存规则主要在HTTP协议头和HTML的meta标签中定义。他们分别从过期机制验证机制两个维度来规定浏览器是否可以直接使用缓存中的副本,还是需要去源服务器获取更新的版本。

过期机制(缓存副本的有效期,浏览器认为缓存生效的情景:)
  • 控制头信息中含有完整的过期时间,并且仍在有效期内;
  • 浏览器已经使用过这个缓存副本,并在一个会话中已经检查过的;
验证机制

服务器返回资源的时候有时在控制头信息带上这个资源的实体标签Etag(Entity Tag),它可以用来作为浏览器再次请求过程的校验标识。如过发现校验标识不匹配,说明资源已经被修改或过期,浏览器需求重新获取资源内容。

参数说明
  1. Cache-ControlExpires

Expire

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值