强缓存和协商缓存 ⼀. web缓存描述:Web 缓存是可以⾃动保存常见⽂档副本的 HTTP 设备。当 Web 请求抵达缓存时,如果本地有“已缓存的”副本,就可以从本地存储设备⽽不是原始服务器中提取这个⽂档。⼆. 浏览器缓存:浏览器缓存(Brower Caching)是浏览器在本地磁盘对⽤户最近请求过的⽂档进⾏...
no-cache: 不使用强缓存(但仍会使用协商缓存)。 no-store: 不使用缓存(不使用强缓存也不使用协商缓存),每次都向服务器发送资源请求。 private: 只允许客户端使用缓存,不允许其他代理服务器进行缓存。 public: 客户端和代理服务器都可缓存。 s-maxage: 与max-age类似,区别是s-maxage是设定代理服务器的缓存时间...
强缓存和协商缓存 强缓存和协商缓存 为啥要缓存:1. 缓存的优点: 1)加快浏览器加载⽹页的速度,优化⽤户体验,让⽤户更快速的打开我们的⽹页; 2)减少对服务器的访问次数,减轻服务器的负担; 3)节省带宽(就是节省钱...,因为很多带宽服务其实是按流量来计费的,同样对⽤户也可以省4G、...
4.如果服务器收到的请求没有Etag值,则将If-Modified-Since和被请求文件的最后修改时间做比对,一致则命中协商缓存,返回304;不一致则返回新的last-modified和文件并返回200; 综上: (1)强制缓存和协商缓存都针对静态资源,动态资源实现缓存方法参考上方伪代码。 动态资源一般就是接口数据,一般都是实时性获取到的,如果...
强制缓存:根据Expires(response header里的过期时间)判断,浏览器再次加载资源时,如果在这个过期时间内,则命中强缓存,并不会向服务端发起请求,展示为200状态。 协商缓存:客户端向服务端发送带有If-None-Match和If-Modified-Since的请求进行协商判断,如果资源没有变化继续使用本地缓存,记录为304状态;如果资源发生变化,服...
不缓存,这个会让客户端、服务器都不缓存,也就没有所谓的强缓存、协商缓存了。 二、协商缓存 上面说到的强缓存就是给资源设置个过期时间,客户端每次请求资源时都会看是否过期;只有在过期才会去询问服务器。所以,强缓存就是为了给客户端自给自足用的。而当某天,客户端请求该资源时发现其过期了,这是就会去请求服务...
三、强缓存和协商缓存 强缓存 Expires 和 Chache-control 都是标识时间的字段,需要注意的是如果二者同时出现,Chache-control 的优先级是高于 Expires 。 但Expires 是 HTTP1.0 的规范,时间格式是 GTM 字符串,如如果服务器时间和客户端时间差别较大时,会导致内存混乱。而服务器的时间和用户实际时间不正常是很正常的...
领笔记资料:关注公众:【小鹿线就业】即可!【小鹿线就业】【小鹿线就业】, 视频播放量 135、弹幕量 0、点赞数 4、投硬币枚数 0、收藏人数 11、转发人数 0, 视频作者 vue实战, 作者简介 ,相关视频:【前端每日一讲】什么是响应式设计?它的原理是什么?,【前端每日一讲】
协商缓存和强缓存的区别 (1)强缓存 使用强缓存策略时,如果缓存资源有效,则直接使用缓存资源,不必再向服务器发起请求。 强缓存策略可以通过两种方式来设置,分别是 http 头信息中的 Expires 属性和 Cache-Control 属性。 (1)服务器通过在响应头中添加 Expires 属性,来指定资源的过期时间。在过期时间以内,该资源可以...
协商缓存都是由服务器来确定缓存资源是否可用的,所以客户端与服务器端需要某种标识来进行通信,从而让服务器判断请求资源是否可以缓存访问,这主要涉及到下面两组 header 字段。 这两组搭档都是成对出现的,即第一次请求的响应头带上某个字段(Last-Modified 或 Etag),则后续请求则会带上对应的请求字段(If-Modified-...