页面加载过程

66 阅读1分钟

从输入url到渲染出页面的整个过程

资源的形式:

  1. html
  2. 媒体文件、图片1、视频等
  3. javascript、css

加载过程

  1. DNS解析(域名解析):通过域名解析成ip地址
  2. 浏览器根据ip地址向服务器发起http请求;
  3. 服务器处理http请求,并返回给浏览器;

渲染过程:

  1. 根据HTM代码生成DOM树
  2. 根据CSS代码生成CSS结构化对象
  3. 将DOM书和CSS结构化对象整个成一个RenderTree (将结构上挂载css样式)
  4. 根据Render Tree渲染页面
  5. 遇到
  6. 知道把RenderTree 渲染完成