如何识别强缓存跟协商缓存

最新推荐文章于 2022-10-25 15:59:06 发布
最新推荐文章于 2022-10-25 15:59:06 发布
阅读量626 收藏
点赞数 1
文章标签： 缓存 http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44874811/article/details/115640612
版权

强缓存命中
浏览器打开查看 network里面的size为disk/memory cache就是强缓存命中
Expires和Cache-Control（优先级高）
在这里插入图片描述

协商缓存：

304就是协商缓存
在这里插入图片描述
1 初次请求后台传来的Last-Modified 和Etag（优先级高）给浏览器，
2 再次请求浏览器发送If-Modified-Since 和 If-None-Match（优先级高）给后台
（If-Modified-Since 和 If-None-Match的值分别等于Last-Modified 和Etag）

无羁。
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单分析下强缓存与协商缓存
bad985664的博客
03-24 505
了解强缓存与协商缓存区别
基于nginx设置浏览器协商缓存过程详解
09-29
主要介绍了基于nginx设置浏览器协商缓存过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
强缓存与协商缓存区别
weixin_57157220的博客
07-08 637
1.基本原理 1）浏览器在加载资源时，根据请求头的expire和cache-control判断是否命中强缓存，是则直接从缓存读取资源，不会发送请求到服务器。 2）如果没有命中 强缓存，浏览器一定会发送一个请求到服务器，通过last-modified和etag验证资源是否命中协商缓存，如果命中，服务器会将这个请求返回，但是不会返回这个数据的资源依然是从缓存中读取资源 3）如果前面两者都没有命中，直接从服务器加载资源 2.相同点 如果命中，都是从客户端缓存中加载资源，而不是从服务器加载资源数据 3.
强缓存和协商缓存区别
weixin_46396187的博客
03-29 1449
1.强缓存（也叫本地缓存） 特点：浏览器在请求某一资源时，会先获取该资源缓存的header信息，判断是否命中强缓存（cache-control和expires信息），若命中直接从缓存中获取资源信息，包括缓存header信息；本次请求根本就不会与服务器进行通信；在chrome控制台的network选项中可以看到该请求返回200的状态码; 简单的来说就是不与服务器交互 2.协商缓存 特点：上面说到的强缓存就是给资源设置个过期时间，客户端每次请求资源时都会看是否过期；只有在过期才会去询问服务器。所以，强缓存就是为
协商缓存和强缓存的区别
weixin_43484007的博客
06-07 6499
使用强缓存策略时，如果缓存资源有效，则直接使用缓存资源，不必再向服务器发起请求。 强缓存策略可以通过两种方式来设置，分别是 http 头信息中的 Expires 属性和 Cache-Control 属性。 （1）服务器通过在响应头中添加 Expires 属性，来指定资源的过期时间。在过期时间以内，该资源可以被缓存使用，不必再向服务器发送请求。这个时间是一个绝对时间，它是服务器的时间，因此可能存在这样的问题，就是客户端的时间和服务器端的时间不一致，或者用户可以对客户端时间进行修改的情况，这样就可能会影响缓存命
强缓存和协商缓存的机制和区别
树上骑个猴的博客
11-04 2696
缓存的机制（规则） 浏览器在加载资源时，根据请求头的Expires 和 Cache-control 判断是否命中强缓存，是则直接从缓存读取资源，不会发请求到服务器。 如果没有命中强缓存，浏览器一定会发送一个请求到服务器，通过 Last-Modified 和 Etag 验证资源是否命中协商缓存，如果命中，服务器会将这个请求返回，但是不会返回这个资源的数据，依然是从缓存中读取资源。 如果前面两者都没有命中，直接从服务器加载资源。 1. 强缓存 强缓存的意思就是不向服务器发起请求的缓存，也就是本地强制缓存。浏览
谈谈强制缓存和协商缓存
01-08
先来说一下缓存的优点 减少了冗余的数据传递，节省宽带流量 减少了服务器的负担，大大提高了网站性能 ...强制缓存 ​ 当缓存数据库中已经有了请求的数据时，如果没有，客户端...no-cache：需要协商缓存验证数据 no-store
强制缓存和协商缓存资源
04-24
"强制缓存和协商缓存资源" 强制缓存和协商缓存是Web开发中两个非常重要的概念，它们都是浏览器缓存机制的一部分，用于提高网站性能和用户体验。 强制缓存是指浏览器在第一次请求资源时，服务器会在响应头中添加 ...
浏览器缓存机制介绍与缓存策略剖析.pptx
05-27
2. 存在缓存标识和缓存结果，但是已经失效，强缓存失效，则使用协商缓存。 3. 存在该缓存结果和缓存标识，且该结果尚未失效，强缓存生效，直接返回该结果。 协商缓存 协商缓存是指浏览器携带缓存标识向服务器发起...
vue增加强缓存和版本号的实现方法
10-17
Vue.js 是一个流行的前端框架，用于构建用户界面。在开发过程中，为了提高用户体验和加载速度，...通过结合强缓存和协商缓存，我们可以优化静态资源的加载，降低服务器压力，并确保用户始终得到最新的应用程序内容。
简单讲明白强缓存和协商缓存
weixin_43409266的博客
08-06 323
简单讲强缓存和协商缓存 强缓存和协商缓存的问题网上的帖子特别多了，但大部分我看到最后感觉都是云里雾里。我感觉应该从最本质的问题上然后往里面去拓展的讲，尽量少一点黑话，才能更便于理解，一开始就直接上手会有点抽象。 缓存如何保持最新？–>缓存何时更新 两个大方向： 浏览器控制：后端把需要的资源发过来，附带发送过期时间，浏览器每次取缓存看一下时间到没到。这个就是强缓存。 服务器控制：后端把需要的资源发过来，附带它的标识(后端资源变，标识变)。浏览器每次用的时候就拿着和后端存的比一下，不一样了就更新。这
浏览器缓存总结
m0_37964290的博客
10-25 342
浏览器缓存分为强缓存和协商缓存
深入理解强缓存与协商缓存
Dax1_的博客
11-29 402
写在文首 这两篇文章讲的非常透彻，大家都可以去学习一下 https://github.com/yiliang114/Blog/issues/6 https://github.com/amandakelake/blog/issues/41 下文有部分搬运 浏览器缓存的几个优点 减少重复数据请求，避免通过网络再次加载资源，节省流量 降低服务器压力，提升网站性能 加快客户端加载网页的速度，提升用户体验 缓存基本原理 浏览器在加载资源时，根据请求头的expires和cache-control来判断是否命中
浏览器缓存策略
03-08 314
​ 浏览器缓存类型 强缓存 协商缓存 缓存获取流程 根据httpheader判断是否命中强缓存，如果命中，返回200状态码，让客户端直接从本地缓存中获取资源，不会向服务器请求资源 当没有命中强缓存时，客户端会发送请求到服务器，服务器通过request header验证该资源是否命中协商缓存 如果命中协商缓存，服务器直接返回请求（304状态码）...
强缓存、协商缓存具体过程
goutinga的博客
03-31 683
当我们第一次访问某个页面时，我们会获取这个页面的静态资源文件，把他保存在本地磁盘，这种缓存被称为 http缓存 ，http缓存分为两种，强缓存 和 协商缓存 ，接下来就具体分析一下这两者。 一、判断强缓存和协商缓存 根据上面的图，当浏览器第2——>n次访问此网页时，首先会去本地磁盘 判断是强缓存还是协商缓存，根据第一次请求时，服务端返回的expires和Cache-Control来判断(第一次请求返回的响应头同样被保存在磁盘里，里面有expires和Cache-Control两个字段的信息)，exp.
【混淆系列】都2022年了你可知道强制缓存、协商缓存？
qq_15589375的博客
03-20 1550
大家好，我是猫小白，本文是前端混淆知识点第二问，致力于夯实基础、消灭模糊知识点。 本文重点： 为什么需要缓存机制。 强制缓存、协商缓存是针对静态文件资源的，他们有什么区别或者联系？ 某些动态接口如何缓存？ 服务器如何设置缓存，浏览器如何使用缓存？ 为什么需要缓存机制 众所周知，对于用户来说，想要访问某个网站那肯定是越快越好。对于服务器来说，肯定是响应速度越快好，压力越少越好。有了缓存这些问题可以迎刃而解~。 当浏览器第一次访问服务器的时候，服务器返回对应资源的同时告诉浏览器把这个...
彻底弄懂强缓存与协商缓存
weixin_44903107的博客
06-11 857
在工作中，前端代码打包之后的生成的静态资源就要发布到静态服务器上，这时候就要做对这些静态资源做一些运维配置，其中，gzip和设置缓存是必不可少的。这两项是最直接影响到网站性能和用户体验的。 缓存的优点： 减少了不必要的数据传输，节省带宽 减少服务器的负担，提升网站性能 加快了客户端加载网页的速度 用户体验友好 缺点： 资源如果有更改但是客户端不及时更新会造成用户获取信息滞后，如果老版本有bug的话，情况会更加糟糕。 所以，为了避免设置缓存错误，掌握缓存的原理对于我们工作中去更加合理的配置缓存是非常重要的。
如何判断强缓存是否过期
树上骑个猴的博客
11-04 1297
强缓存是否新鲜 = 缓存新鲜度 > 缓存使用期 强缓存是否新鲜取决于两个关键词：缓存新鲜度和缓存使用期。 缓存新鲜度 = max-age || (expires - date) 上述公式不难理解：当 max-age 存在时缓存新鲜度等于 max-age 的秒数，是一个时间单位，就像保质期为 6 个月一样。当 max-age 不存在时，缓存新鲜度等于 expires - date 的值，expires 我们应该已经熟悉，它是一个绝对时间，表示缓存过期的时间，那么下面主要介绍下首部字段 date。 Dat
什么是强缓存跟协商缓存
最新发布
09-22
强缓存和协商缓存是浏览器缓存方式中的两种机制。 强缓存是指浏览器在第一次请求时，服务器返回的响应中包含了缓存的时间信息，浏览器会根据这个时间信息来判断缓存是否有效，如果有效，则直接从缓存中获取资源，不再向服务器发送请求。 协商缓存是指当强缓存失效时，浏览器会发送请求到服务器，通过与服务器进行协商来确定是否可以使用缓存的副本。浏览器在请求中会带上上一次请求的响应中的缓存信息，服务器根据这个缓存信息来判断是否可以使用缓存，如果可以使用，则返回一个空的响应，浏览器直接从缓存中获取资源，如果不可以使用，则返回最新的资源。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值