浏览器输入url地址，到页面渲染发生了什么

最新推荐文章于 2024-03-25 18:06:21 发布
最新推荐文章于 2024-03-25 18:06:21 发布
阅读量284 收藏
点赞数
分类专栏： 面试题 文章标签： 前端 服务器 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43853213/article/details/125475058
版权
  1. DNS域名解析，拿到ip地址
  2. 浏览器向ip地址发起三次握手，建立http连接
  3. 连接成功，服务器响应客户端需要的数据
  4. 浏览器拿到服务器响应的数据，浏览器解析DOM树，CSSOM树(CSS规则树)，生成渲染树，布局渲染树，绘制渲染树，浏览器展示页面
  5. 浏览器和服务器进行四次挥手，断开连接

优化解析

  • css放在head中，不要异步加载css
  • js放在body最下面，或者合理使用(async defer)
  • img 提前定义 width height
龙马啊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浏览器输入URL后发生了什么？
了解➔熟悉➔掌握➔精通
02-12 8万+
分享一个大牛的人工智能教程。零基础！通俗易懂！风趣幽默！希望你也加入到人工智能的队伍中来！请点击http://www.captainbed.net Definition Without violating encapsulation, capture and externalize an object's internal state so that the object can be re...
浏览器从输入url到渲染页面，发生了什么？
qq_43886365的博客
10-08 1738
浏览器从输入url到渲染页面的过程
浏览器从输入url到渲染页面发生了什么？
weixin_63050915的博客
10-22 984
:: tip首先是URL地址解析，判断输入的是一个合法的URL还是一个带搜索的关键词，并且根据你输入的内容进行自动完成字符编码等操作。接着发起真正的URL请求。如果浏览器本地缓存了这个资源，则会直接将数据转发给浏览器进程，如果没有缓存，则会查询DNS，解析域名。
浏览器从输入URL地址到渲染页面都发生了什么？
Colin
12-25 522
1、 用户通过web浏览器输入URL信息 2、 浏览器根据输入的URL信息向DNS服务器查询改域名对应的IP地址 3、 浏览器获得IP地址之后，链接该地址的web服务器，通过HTTP通信 4、 web服务器通过HTTP协议得到信息，执行对应的Web程序并获得执行的内容 5、 web服务器将执行web应用程序得到的HTML、CSS、JS、图像的内容返回给浏览器 6、 web浏览器根据web服务器返回...
【浏览器渲染-输入Url到页面渲染全流程】
最新发布
weixin_44273311的博客
03-25 979
【浏览器渲染-输入Url到页面渲染全流程】
浏览器输入url到页面渲染完成经历了哪些步骤
前端学习笔记
03-01 2116
确认字符 (Acknowledge character），在数据通信中，接收站发给发送站的一种传输类控制字符，表示发来的数据已确认接收无误。传输控制协议（Transmission Control Protocol），是一种面向连接的、可靠的、基于字节流的传输层通信协议。的时候就已经开始了，并不是等到接收完成后才开始，解析的过程是自上而下，先解析当前节点的所有子节点，再解析兄弟节点及其子节点。SYN=1, ACK=1, seq=y, ack=x+1（确认字符为1，序列号为x+1，此处seq为。
浏览器从输入URL到页面渲染加载的过程（浏览器知识体系整理）
铁锤妹妹的博客
05-10 6049
记得最开始学前端知识时，是一点一点的积累，一个知识点一个知识点的攻克。 就这样，虽然在很长一段时间内积累了不少的知识，但是，总是无法将它串联到一起。每次梳理时都是很分散的，无法保持思路连贯性。
在浏览器输入URL到页面展示发生了什么？
热门推荐
官方推荐
06-13 4万+
其实从填写上url按下回车后，我们就进入了第一步就是 DNS 解析过程，首先需要找到这个 url 域名的服务器 ip,为了寻找这个 ip，浏览器首先会寻找缓存，查看缓存中是否有记录缓存中没有则查找系统的 hosts 文件中是否有记录，如果没有缓存则查询 DNS 服务器，得到服务器的 ip 地址后，浏览器根据这个 ip 以及相应的端口号发送连接请求；当然如果DNS服务器中没有解析成功，他会向上一步获得的顶级DNS服务器发送解析请求。客户端和服务端都需要直到各自可收发，因此需要三次握手。............
详细解释从输入 url 到页面渲染发生什么，一篇文章总结所有浏览器原理 + 计算机网络的面试题，建议收藏
qq_17335549的博客
01-11 1110
本篇文章从一个经典的面试题入手，几乎涵盖了所有关于浏览器工作原理和计算机网络的面试题目，内容比较长，东西非常多，难免疏漏，有不对的地方欢迎指正。经典面试题【从输入 url 到页面渲染发生什么】，我将从3个主要模块把这块的知识点串成串，分别是浏览器工作原理、计算机网络请求、dom渲染相关。在之前我的已经大概描述了整个过程，可以说这篇文章是之前的文章的扩展版本。
面试：浏览器从输入url到渲染页面，发生了什么
qq_43592064的博客
05-24 4万+
浏览器从输入url到渲染页面，发生了什么
浏览器原理之从输入URL到页面渲染到底发生了点啥 .pptx
06-19
浏览器原理之从输入URL到页面渲染到底发生了点啥 .pptx
在浏览器输入URL回车之后发生了什么？（超详细版）
01-07
这篇笔记是我这两天看了数十篇文章总结出来的，所以相对全面一点，但由于我是做前端的，所以会比较重点分析浏览器渲染页面那一部分，至于其他部分我会罗列出关键词，感兴趣的可以自行查阅， 注意：本文的步骤是建立...
从浏览器地址栏输入URL后，到页面渲染出来，整个过程都发生了什么？
Whoopsina的博客
04-26 3114
从一道面试题来看前端页面的生命周期：从浏览器地址栏输入URL后，到页面渲染出来，整个过程都发生了什么？
前端判断数据类型的方式
qq_43853213的博客
06-22 805
1. typeof2.instanceof原理： 判断某个实例对象是否是这个构造函数的实例需要注意一点： 如果判断数组和对象的话，需要优先判断数组的类型 为什么上面都打印 true 实际上数组和对象的祖先都是Object3. Object.prototype.toString.call()...
前端 - for 和forEach哪一个更快
qq_43853213的博客
06-28 732
for 循环和forEach遍历，相比较，for 会 更快 理由：循环和递归哪一个更快
前端预防攻击手段
qq_43853213的博客
06-26 660
XSSvue 和 react 插值表达式，都是可以预防的 但是 vue v-html react dangerouslySetInnerHTML这个是没有预防的预防手段比如 csrf 跨站请求伪造预防手段比如点击劫持点击劫持预防 DDoSSQL注入
JS作用域面试题
qq_43853213的博客
05-14 469
本来是不打算写这个，总所周知JS作用域的面试题很简单。 之所以写上来是因为，我思考了这道题。 打印的结果是一个函数，变量不能重复定义，第二个定义是无效的。所以打印的不是undefined function b(){ } console.log(b) // 打印的b 是一个函数， var b = 2 ------------------------------------- 作用域提升 var b = function(){ } var b console.log(b) b = 2 接下来看另
前端面试题-找出两个数组的不同值（差集）
qq_43853213的博客
07-02 440
第一种，最蠢的indexOf 第二种 new Set 数组去重之后来解决。
前端垃圾回收机制
qq_43853213的博客
06-28 336
垃圾回收1. 引用计数2. 标记清除
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值