美文网首页
前端缓存策略

前端缓存策略

作者: caiyiii | 来源:发表于2021-03-26 15:42 被阅读0次

前端缓存

1. 优点

  • 加快网站加载速度,请求更快
  • 节省带宽甚至无需网络请求
  • 降低服务器压力

2. 分类

1) 强缓存:HTTP的response header 中的cache-control 控制

  • private: 仅浏览器可以缓存
  • public: 浏览器和代理服务器都可以缓存
  • max-age=xxx: 过期时间,精确到秒
  • no-cache: 不进行强缓存
  • no-store: 不进行强缓存也不进行协商缓存

2) 协商缓存:Cache-control: no-cachemax-age 过期了,并且通过Etag(每个文件的hash)和last-modified(文件的修改时间)和服务器验证了缓存的有效性,当返回304 时使用协商缓存,返回200 时,再次请求服务器更新资源。

一般来说HTML 使用协商缓存,CSS、JS、图片等使用强缓存

相关文章

  • 一日一学_okhttp(本地缓存)

    在学习okhttp缓存策略之前,我先思考了web前端浏览器缓存的策略。浏览器缓存(客户端缓存),它分为强缓存和协商...

  • 前端缓存策略

    浏览器端的缓存规则 对于浏览器端的缓存来讲,这些规则是HTTP协议头和HTML页面的Meta标签中定义的。他们分别...

  • 前端缓存策略

    前端缓存策略是实际项目中很重要一部分,也是面试时会问到的一个题,我整理了一份关系图当作笔记

  • 前端缓存策略

    前端缓存 1. 优点 加快网站加载速度,请求更快节省带宽甚至无需网络请求降低服务器压力 2. 分类 1) 强缓存:...

  • js下载文件+js监听文件下载完成功能

    注意: 下载文件,清楚缓存策略(最好后端接口处理,前端处理有些浏览器不识别)后端: 接口再头部添加清除缓存标记前端...

  • HTTP 缓存策略:强缓存和协商缓存

    大家好,我是前端西瓜哥。今天讲一下 HTTP 缓存策略的强缓存和协商缓存。 缓存是什么? 缓存(Cache)是一种...

  • 无标题文章

    前端存储 缓存策略 http://www.cnblogs.com/vajoy/p/5341664.html 异步编...

  • http缓存策略

    前端提缓存策略的话,无非就是浏览器对资源的缓存。HTTP缓存策略只是为了解决客户端和服务端信息不对称的问题而存在的...

  • 浏览器缓存详解

    来源于《前端分享》 一、浏览器缓存策略: 1、强缓存 2、协商缓存 强缓存:当浏览器去请求某个文件的时候,服务端就...

  • OkHttp3(十二)--CacheInterceptor

    CacheInterceptor 用来负责读取缓存以及更新缓存的 读取候选缓存 创建缓存策略 根据缓存策略决定报错...

网友评论

      本文标题:前端缓存策略

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