浏览器请求资源的过程

最新推荐文章于 2024-03-14 16:09:43 发布
最新推荐文章于 2024-03-14 16:09:43 发布
阅读量627 收藏
点赞数
分类专栏： HTTP 经验总结 学习 文章标签： 浏览器请求过程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/garrettzxd/article/details/87926242
版权
学习 同时被 3 个专栏收录
40 篇文章 0 订阅
订阅专栏
经验总结
11 篇文章 1 订阅
订阅专栏
HTTP
3 篇文章 1 订阅
订阅专栏
  1. 如果存在service work，会先触发cache事件，判断是否命中service work中的缓存
  2. 未命中则memory-cache中查找命中
  3. 未命中则disk-cache中查找命中，其中如果有强缓存且缓存没有过期，则使用强缓存状态全部为200，若强缓存失效则使用协商缓存最后根据文件状态判断是304（请求服务器发现没有更新）还是200
  4. 未命中则发送网络请求
  5. 吧响应数据存储在disk-cache中（如果http头有设置的话）
  6. 把响应存储在memory-cache中（忽略http设置）
  7. 使用service-work时把内容写入其中
Garrettzxd
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一、浏览器渲染原理（进程、线程）http请求全过程-浏览器输入url整个过程
04-03
1.1 浏览器中的5个进程（浏览器、插件、渲染、网路、前四个一个页面打开必备、GPU） 1.2 浏览器发送 HTTP 请求的流程（B/S模式）（注意：http协议是基于tcp/ip协议的，http协议是应用层协议，tcp/ip协议是通信层协议，也就是tcp提供的是通信的管道。） 简要来说，很多网站第二次访问能够秒开，是因为这些网站把很多资源都缓存在了本地，浏览器缓存直接使用本地副本来回应请求，而不会产生真实的网络请求，从而节省了时间。同时，DNS 数据也被浏览器缓存了，这又省去了 DNS 查询环节。 1.3 输入url地址到浏览器显示页面发生了什么 从上图可以看到，整个过程需要各个进程之间的配合，我们结合上图我们从进程的角度，描述一下 1、浏览器进程接收到用户输入的URL请求，浏览器进程便将URL转发给网络进程。 2、网络进程中发起真正的URL请求。 3、网络进程接收到响应头数据，便解析响应头数据，并将数据转发给浏览器进程。 4、浏览器进程接收到网络进程的响应头数据之后，发送"提交文档"消息到渲染进程。 5、渲染进程接收到"提交文档"的消息之后，便开始准备接收HTML数据，接收数据的
简述浏览器通过 WSGI 请求动态资源的过程
cao_zhicha的博客
05-30 197
1.发送 http 请求动态资源给 web 服务器 2.web 服务器收到请求后通过 WSGI 调用一个属性给应用程序框架 3.应用程序框架通过引用 WSGI 调用 web 服务器的方法，设置返回的状态和头信息。 4.调用后返回，此时 web 服务器保存了刚刚设置的信息 5.应用程序框架查询数据库，生成动态页面的 body 的信息 6.把生成的 body 信息返回给 web 服务器 7.web 服务器把数据返回给浏览器 ...
一次完整的浏览器请求的流程
weixin_44937358的博客
03-14 397
http完整请求过程
HTTP请求全过程
zhaizhai的博客
12-04 4178
HTTP请求全过程
一次完整的浏览器请求过程
铭小小
03-12 3234
从输入网址到页面收到请求这期间发生了什么过程 1.域名解析 2.发起TCP三次握手 3.建立TCP连接后发起http请求 4.服务器响应http请求，浏览器得到html代码 5.浏览器解析HTML代码，并请求HTML代码中的资源（如js和css和img） 6.浏览器对页面进行渲染呈现给用户 1.首先对于域名解析 输入域名，然后首先在浏览器DNS缓存中，但是保存时间很短，大概一分...
HTTP（浏览器访问）请求的整个过程
不想起标题
03-15 1897
HTTP请求的整个过程 总体进行一个理解： DNS解析—>TCP 连接—>浏览器发送http请求—>服务器响应请求—>浏览器解析html文件—>浏览器布局渲染 · DNS 解析:将域名解析成 IP 地址 · TCP 连接：TCP 三次握手 · 发送 HTTP 请求 · 服务器处理请求并返回 HTTP 报文 · 浏览器解析渲染页面 · 断开连接：TCP 四次挥手 1.DNS域名解析。 1） 首先会
浏览器工作原理--HTTP请求流程
xuan的博客
05-16 2941
一、HTTP （1） HTTP 协议，正是建立在 TCP 连接基础之上的。 （2）HTTP 是一种允许浏览器向服务器获取资源的协议，是 Web 的基础。 （3）HTTP 也是浏览器使用最广的协议。 二、浏览器端发起 HTTP 请求流程 在浏览器地址栏输入一个网址后： 1、构建请求 首先，浏览器构建请求行信息（如下所示），构建好后，浏览器准备发起网络请求。 GET /index.html HTTP1.1 2、查找缓存 （1）在真正发起网络请求之前，浏览器会先在浏览器缓存中查询是否有要.
浏览器请求静态资源的流程
weixin_30291791的博客
08-17 1453
转载于:https://www.cnblogs.com/ey-151210/p/9492011.html
浏览器一个HTTP请求的过程
Geepai的专栏
02-14 7773
浏览器一个请求的过程 当我们在浏览器地址栏输入 www.xx.com ，然后回车, 这个请求背后经历了什么？以下是个人理解，如有偏差，请纠正！ 首先重新温习下网络模型： 七层结构(至顶向下)：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层 client(浏览器) 与Server 通过HTTP协议通讯，HTTP协议属于”应用层协议”;HTTP基于TCP协议，TCP...
URL到显示网页最详细的所有步骤，含浏览器请求资源的所有可能情况
BobbleHat的博客
08-20 571
·先在地址栏输入url浏览器判断是否为地址（关键词则搜索） ·浏览器吊起beforeUnload钩子，等待当前页面处理完毕 ·域名解析 [1]判断是否有缓存记录该地址对应的ip地址（近期访问过） [2]如果没有则查找本地host是否有记载（就是那个host文件） [3]如果都没有去访问DNS服务器询问ip地址 ·与主机连接【这里有好几种情况】 第一种情况：就是我要访问的浏览地址 [1]「http协议相关」是否握手连接（...
浏览器请求资源流程图
lihefei_coder的博客
01-22 732
跨域请求资源-jsonp和cors区别.pdf
最新发布
04-09
不同域之间相互请求资源，就算作“跨域”。 CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。 整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，...
IIS7中ASP.net 请求处理过程说明
01-02
当客户端浏览器开始HTTP 请求一个WEB 服务器的资源时，HTTP.sys 拦截到这个请求。 HTTP.sys contacts WAS to obtain information from the configuration store. WAS 向配置存储中心请求配置信息。applicationHost....
详解浏览器缓存和webpack缓存配置
01-21
浏览器缓存机制的过程如下： 强缓存(本地缓存) 强缓存是最彻底的缓存，无需向服务器发送请求，通常用于css、js、图片等静态资源。浏览器发送请求后会先判断本地是否有缓存。如果无缓存，则直接向服务器发送请求；...
网站性能优化之HTTP请求过程简述
10-28
网站性能优化中首要的一条就是要减少HTTP请求，那么为要减少HTTP请求呢？其实有些HTTP分析工具可以帮我们了解当浏览器请求一个资源时大致需要经历的哪些过程
from memory cache与from disk cache详解
热门推荐
哒哒哒
06-13 3万+
在chrome浏览器中的控制台Network中size栏通常会有三种状态 1.from memory cache 2.from disk cache 3.资源本身的大小(如：1.5k) 那么问题来了 1.三种区别在哪里；2.浏览器采取不同措施的原则是什么；3.其他浏览器的策略 下面分别讲述以上三个问题 1.三种区别在哪 from memory cache：字面理解是从内存中，其实也...
JS与或运算
哒哒哒
07-25 8241
说来惭愧，JS基本的与或运算都没掌握完全，下面说一下与或运算的结果 1.与运算（&&） 与运算有可能返回五种结果，true、false、null、NaN、undefined 运算规则如下 1.与运算所有项为true情况下，返回最后一个值，注意是值，并不是true let a = 11; let b = 'www'; let c = false; let d = true...
vue-router路由信息对象属性
哒哒哒
07-02 7117
vue路由对象为this.$route，下面详细列一下该对象属性的详细信息属性名类型读写说明$route.pathstaring只读当前路由的名字(一般为#后面的部分,但不包含query查询值)如：http://example.com/#/login?name=aathis.$route.path; //输出“/login”$route.queryobject只读可访问携带的查询参数如：th...
JS遍历性能比较（for与for...in以及for...of）
哒哒哒
06-08 5892
话不多说，上代码及展示结果， let arr = new Array(); for(let i = 0, len = 1000000;i < len; i++){ arr.push(i); } function foradd(my_arr){ let sum = 0; for(let i = 0; i < my_arr.length; i++){ sum += my_a...
浏览器什么情况下不会发送图片请求
08-21
4. 图片请求被服务器拒绝：有时服务器可能会限制对特定图片资源的访问，例如通过IP地址屏蔽或者需要进行身份验证等，这时浏览器发送的图片请求可能会被服务器拒绝。 5. 图片请求被浏览器阻止：浏览器在某些情况下会...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值