首页 > Web开发 > 详细

输入 URL 到页面渲染的整个流程

时间:2019-12-18 22:25:13      阅读:78      评论:0      收藏:0      [点我收藏+]

1.在输入框中输入url 即输入域名。

2.输入的url域名通过dns解析成ip地址

  1. 首先在本地缓存中查询IP
  2. 没有的话会去系统配置的DNS服务器中查询
  3. 如果还没得话,会直接去DNS根服务器查询,这一步查询会找出一级域名的服务器
  4. 然后去该服务器查询二级域名
  5. 接下来三级域名的查询其实是我们配置的,然后还可以给别的三级域名配置一个 IP
  6. 接收到ip地址后,会先把ip和域名对应关系保存到本地dns缓存,以便下次方便访问

3.获取IP后进行tcp连接(三次握手)

4.建立连接后从服务器获取HTML文件,浏览器开始解析文件

5.浏览器进行页面渲染

  1. 先会根据HTML构建DOM树
  2. 有CSS的话会构建CSSOM树
  3. 有script的话,会判断是否存在async或者defer,前者会并行进行下载并执行JS,后者会先下载文件,然后等待 HTML解析完成后顺序执行
  4. CSSOM树和DOM树构建完成后会开始生成Render树
  5. 在生成 Render 树的过程中,浏览器就开始调用GPU绘制

参考:https://github.com/skyline75489/what-happens-when-zh_CN

输入 URL 到页面渲染的整个流程

原文:https://www.cnblogs.com/lipu12281/p/12063810.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!