浏览器HTTP缓存解读(HTTP Status:200 304)

为什么要有浏览器缓存?

浏览器缓存(Brower Caching)是浏览器对之前请求过的文件进行缓存,以便下一次访问时重复使用,节省带宽,提高访问速度,降低服务器压力

http缓存机制主要在http响应头中设定,响应头中相关字段为Expires、Cache-Control、Last-Modified、Etag。

浏览器缓存从无到有,再到利用缓存的流程:

浏览器首次请求,缓存从无到有,缓存文件可能不一定是从web服务器请求来的,也可能是从CDN来的,但总而言之第一次一定是请求来的
在这里插入图片描述
浏览器对同样的资源发起二次请求,针对不同资源类型(比如JS文件等等),服务器进行判断

在这里插入图片描述
部分静态资源文件,可以判断缓存时长,如果未过期就可以从本地读取
在这里插入图片描述

浏览器缓存类型

- 强缓存

浏览器不会向服务器发送任何请求,直接从本地缓存中读取文件并返回 Status Code: 200 OK

从内存读取,因为速度快于硬盘,所以最优先由内存读取
在这里插入图片描述

从硬盘读取,如果内存中没有,就会从硬盘中读取
在这里插入图片描述

如果以上两个地方都没有对应的缓存资源,才会去服务器寻找对应的缓存资源。

- 协商缓存

所谓协商缓存,简单说就是先看看本地缓存过期没有,没过期直接用,过期了去浏览器看看本地这个缓存还能不能用,能用接着用。不能用就请求最新的。

协商缓存HTTP Code : 304
服务器会根据这个请求的request header的一些参数来判断是否命中协商缓存,如果命中,则返回304状态码并带上新的response header通知浏览器从缓存中读取资源;
在这里插入图片描述
协商缓存HTTP Code : 200
浏览器首次请求,本地没有缓存可用。去服务器请求缓存,得到200的响应
在这里插入图片描述


浏览器针对协商缓存判断流程

在这里插入图片描述

比如Get请求JS文件,请求头中会加入属性:Last-Modified/If-Modified-Since或者ETag/If-None-Match

Last-Modifed/If-Modified-Since和Etag/If-None-Match是分别成对出现的,呈一一对应关系

之所以会有这两种属性,是因为前者是HTTP 1.0版本的,后者是HTTP 1.1版本出现的

这两个都是用来判断文件是否需要更新的时间戳或者hash值,服务器收到请求后,根据这两个属性进行判断,如果请求的文件没有更新,那么就返回HTTP304的状态码,让浏览器直接用缓存(Disk or Menmory)。而是否追加这个属性,由浏览器自行判断

在这里插入图片描述

但一般像是Ajax的Get、Post(类似这种的XHR)等,如果浏览器后端利用代码明确设置了Cache-Control:no-cache的选项,则不会缓存数据,到了服务端就重新请求数据

也就是no-cache的情况下,必须到服务器进行check,当服务器返回304的时候,才允许使用浏览器缓存,否则必须请求新数据

在这里插入图片描述

注意:ETag的优先级是优于 Last-Modified&If-Modified-Since,如果校验Header是ETag+If-None-Match的情况下,就会优先验证ETag的Hash值

CDN缓存参考:https://blog.csdn.net/Runnymmede/article/details/138315636
参考文章1:https://juejin.cn/post/6844904153043435533
参考文章2:https://juejin.cn/post/6844903838768431118

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/903937.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

双十一宠物空气净化器决胜局,希喂、安德迈哪款性价比更高?

秋天到了,新一轮的猫咪换毛季又来了。尽管每天下班很累,但也不得不花上不少时间清理。有时候想偷懒,但身体是第一个反对的。要知道,长期堆积的猫毛除了会破坏家中的干净整洁外,浮毛还会随呼吸进入我们体内,…

SpringBoot--入门、创建一个SpringBoot项目、测试

一、IDEA配置maven (1)下载maven maven下载地址:Maven – Download Apache Maven (2)解压 解压下载好的文件: 创建一个文件夹maven-repository用来充当本地仓库: (3)配…

基于uniapp微信小程序的旅游系统

作者:计算机学姐 开发技术:SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等,“文末源码”。 专栏推荐:前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码 精品专栏:…

C++设计模式创建型模式———生成器模式

文章目录 一、引言二、生成器/建造者模式三、总结 一、引言 上一篇文章我们介绍了工厂模式,工厂模式的主要特点是生成对象。当对象较简单时,可以使用简单工厂模式或工厂模式;而当对象相对复杂时,则可以选择使用抽象工厂模式。 工…

Task :prepareKotlinBuildScriptModel UP-TO-DATE,编译卡在这里不动或报错

这里写自定义目录标题 原因方案其他思路 原因 一般来说,当编译到这个task之后,后续是要进行一些资源的下载的,如果你卡在这边不动的话,很有可能就是你的IDE目前没有办法进行下载。 方案 开关一下IDE内部的代理,或者…

Python日志系统详解:Logging模块最佳实践

Python日志系统详解:Logging模块最佳实践 在开发Python应用程序时,日志记录是排查问题、监控系统状态、优化性能的重要手段。Python标准库中提供了强大的logging模块,使开发者可以轻松实现灵活的日志系统。本文将详细介绍Python的logging模块…

「Mac畅玩鸿蒙与硬件14」鸿蒙UI组件篇4 - Toggle 和 Checkbox 组件

在鸿蒙开发中,Toggle 和 Checkbox 是常用的交互组件,分别用于实现开关切换和多项选择。Toggle 提供多种类型以适应不同场景,而 Checkbox 支持自定义样式及事件回调。本篇将详细介绍这两个组件的基本用法,并通过实战展示它们的组合应用。 关键词 Toggle 组件Checkbox 组件开…

探索现代软件开发中的持续集成与持续交付(CI/CD)实践

探索现代软件开发中的持续集成与持续交付(CI/CD)实践 随着软件开发的飞速进步,现代开发团队已经从传统的开发模式向更加自动化和灵活的开发流程转变。持续集成(CI) 与 持续交付(CD) 成为当下主…

Linux上配置NFS服务

架设一台NFS服务器,并按照以下要求配置: 1、开放/nfs/shared目录,供所有用户查询资料: 2、开放/nfs/upload目录,为192.168.xxx.0/24网段主机可以上传目录,并将所有用户及所属的组映射为nfs-upload,其UID和…

docker占用磁盘过多问题

我在windows系统上用docker,安装在C盘环境下,我发现C盘占用了大量的空间,查找后发现是docker的映像文件占用的,于是开始清理,中间还踩个坑,记录一下,下次需要的时候方便找。 踩坑 我本想移动映…

如何批量注册多个Outlook邮箱账号并避免关联

批量注册多个Outlook邮箱账号时,如何避免账号之间的关联性是一个重要的考量因素。会在此文一起探讨如何高效且安全地批量注册多个Outlook邮箱账号,并提供一些实用的建议来确保这些账号不会被关联。 一、Outlook邮箱批量注册机制 在深入注册流程之前&…

LCR 024. 反转链表 最细图片逐行解析过程

LCR 024. 反转链表 给定单链表的头节点 head ,请反转链表,并返回反转后的链表的头节点。 示例 1: 输入:head [1,2,3,4,5] 输出:[5,4,3,2,1]示例 2: 输入:head [1,2] 输出:[2,1]示例…

MySQL 数据库备份与恢复全攻略

MySQL 数据库备份与恢复全攻略 引言 在现代应用中,数据库是核心组件之一。无论是个人项目还是企业级应用,数据的安全性和完整性都至关重要。为了防止数据丢失、损坏或意外删除,定期备份数据库是必不可少的。本文将详细介绍 MySQL 数据库的备…

国标GB28181摄像机接入EasyGBS国标GB28181公网平台,IPC和NVR的具体技术要求有哪些?

随着科技的飞速发展,视频监控技术已经成为各行各业不可或缺的安全保障手段。在众多视频监控解决方案中,网络摄像机(IPC)和网络视频录像机(NVR)作为构建现代化视频监控系统的两大核心组件,发挥着…

qt QHBoxLayout详解

QHBoxLayout 是 Qt 框架中用于创建水平布局的类。它将子控件以横向的方式排列,并自动调整大小,以适应父窗口的尺寸变化。 重要方法 QHBoxLayout(QWidget *parent nullptr):创建一个 QHBoxLayout 对象,并指定其父窗口部件。addWi…

Linux更改符号链接

目录 1. 删除旧链接 2. 创建新的符号链接 例如我的电脑上有两个版本的cuda,11.8和12.4 1. 删除旧链接 rm cuda 2. 创建新的符号链接 ln -s /usr/local/cuda-11.8/ /usr/local/cuda

【Oracle实验】字段为空的,无法通过排除判断

Oracle相关文档,希望互相学习,共同进步 风123456789~-CSDN博客 1.场景描述 需求:查询不是某个机构的数据。 同事SQL:where substr(bank_code,1,9) not in(014009001); 看SQL似乎没什么问题,分析…

总结围绕临床预测模型做的一些事情

📜总结近期围绕临床预测模型做的一些事情🍹 思考预测模型如何进入到临床实践? 预测模型在临床上的角色定位是“辅助临床决策”, 即预测模型提供的信息要与人的选择进行结合做出决策, 从已有的研究来看,预测…

C++ 整型大数运算(大整数运算)项目

C 整型大数运算项目 一、项目介绍二、项目变量成员三、项目实现构造函数加法减法乘法先计算再进位边计算边进位 除法与取模判断输入输出 四、项目源代码展示在 Big_integer.h 中:在 Big_integer.cpp 中: 五、测试准确性六、优化方向 一、项目介绍 整型大…

Cesium基础-(Entity)-(Box)

** 里边包含Vue、React框架代码详细步骤、以及代码详细解释 ** 3、Box 盒子 以下是 BoxGeometry 类的属性、方法和静态方法,以表格形式展示: 属性 属性名类型默认值描述minimumCartesian3盒子的最小 x, y, 和 z 坐标。maximumCartesian3盒子的最大 x, y, 和 z 坐标。vertex…