1.DNS解析

本机=>本地域名服务器=>权限域名服务器=>顶级域名服务器=>根域名服务器

2.网络处理

应用层封装报文,包括:请求行请求头请求体
传输层添加TCP头部封装成报文段,TCP链接在此层建立
网络层添加IP头部封装成IP数据报
物理链路层添加帧头部和帧尾部封装成帧
最后在物理介质上以二进制流传输
物理介质:同轴电缆 光纤 双绞线
传输设备:集线器 交换机 网桥

3.Https

http三次握手
ssl/tls层的四次握手v1.2

4.浏览器处理

  1. 通过unicode解码
  2. 解析html构建dom tree
  3. 解析css构建css tree
  4. 将两棵树合成一颗渲染树(render Tree)
  5. 布局render树(Layout/reflow),通过文档流盒模型负责各元素尺寸、位置的计算
  6. 绘制render树(paint),绘制颜色,阴影
  7. 浏览器会将各层的信息发送给GPU,GPU会将各层合成(compose),然后显示
  8. DOMContentLoaded 事件触发时,仅当DOM加载完成,不包括样式表,图片,即第2部完成
  9. onload 事件触发时,页面上所有的DOM,样式表,脚本,图片都加载完成
  10. 渲染完毕