输入URL到页面加载完成

96 阅读1分钟

DNS解析

IP地址不利于记忆,所以出现了域名。 DNS(Domain Name System)的作用是把域名解析为IP地址(基于UDP)

迭代查询

操作系统进行DNS查询: -查缓存

  • 浏览器缓存
  • 系统缓存
  • 路由器缓存
  • 系统的host文件
  • 系统配置的DNS服务器
  • DNS根服务器(查一级域名,二级域名,三级域名)

递归查询

由系统配置的DNS服务器做请求,得到结果返回给客户端

TCP连接

TLS握手

发送http请求,服务器处理请求并返回报文

浏览器解析渲染页面

  • 浏览器解析文件,如果是gzip格式会先解压,然后通过文件的编码解码。
  • 根据html构建dom树,有css会构建cssdom树。有scrip标签(async:下载并执行js,defer:下载文件完成后顺序执行),如果没有会阻塞渲染流程直到js执行完毕。有文件会下载文件(http 2.0) cssdom树和dom树构建完成后会开始生成render树,确定页面元素布局,样式等。生成render树的过程中,浏览器开始调用GPU绘制,合成图层,将内容显示在屏幕上。

连接结束