页面加载和页面渲染的过程

页面的加载过程我们可以从用户在地址栏里输入域名开始说:

  1. 用户输入 URL 地址之后
  2. 我们首先要找一找有没有关于这个域名的解析缓存啊,有的话我们就不用大老远的去 DNS 服务器去解析了
  3. 如果在本地没有找到相关的缓存,那么就会去 DNS 去解析这个域名拿到 ip 地址
  4. 找到这个 ip 地址之后,就发送 http 请求
  5. 服务器接收到请求之后,就会处理请求,然后返回处理结果
  6. 浏览器接收到数据之后进行渲染

页面渲染我们从拿到数据开始解析说起:

  1. 首先,我们要对 HTML 进行解析,然后解析成 DOM 树
  2. 然后,我们会对 CSS 文件进行解析,解析成 CSSOM 树
  3. DOM 树和 CSSOM 合成 render 树
  4. 浏览器根据这个 render 树进行页面的渲染

页面加载和渲染的过程大概就是这些了。

Last Updated: 8/20/2019, 3:36:58 AM