2022-05-29 分类: 网站建设
浏览器的主要功能是将用户选择的web资源呈现出来,它从服务器请求资源,并将得到的资源(HTML,PDF,image等等)显示在浏览器窗口。那么从用户敲入URL到完整渲染出来,经历了什么过程呢?也就是说整个浏览器的工作流程是怎样的呢?
整个过程大致如下:
6. 浏览器发送请求,以获取嵌入在HTML中的对象。在浏览器显示HTML时,它会注意到需要获取其他地址内容的标签。
这时,浏览器会发送一个获取请求来重新获得这些文件——包括CSS/JS/图片等资源,这些资源的地址都要经历一个和HTML读取类似的过程。所以浏览器会在DNS中查找这些域名,发送请求,重定向等等…
那么,一个页面,究竟是如何从我们输入一个网址到最后完整的呈现在我们面前的呢?还需要了解一下浏览器是如何渲染的。html解析过程:01机器码-》charter字符-》tokens令牌-》node节点-》dom树
因为浏览器解析文档,如果遇到请求外部资源时,如图像,iconfont,JS等。浏览器将下载该资源。请求过程是异步的,并不会影响HTML文档进行加载,当遇到 <script>标签的时候,会立即解析脚本,停止解析文档(因为JS可以操作DOM和CSS,可能会改动DOM和CSS,所以继续解析会造成浪费)。如果脚本是外部的,会等待脚本下载完毕,再继续解析文档。所以常见的做法是将js放到页脚部分。
构建Render Tree(呈现树)
布局(Layout)
创建渲染树后,接下来正式开工,确定各个元素的位置,包括元素在视图中的位置以及自身的大小,将其安置在浏览器的正确位置。
绘制(Painting)
回流(Reflow)和重绘(Repaint)
所以,尽可能少操作DOM,提升网页的性能。
总结一下:
当前题目:浏览器从输入URL到渲染完页面的整个过程是怎么样的?
浏览地址:/news20/160520.html
成都网站建设公司_创新互联,为您提供ChatGPT、网站建设、Google、标签优化、域名注册、企业建站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容