1.DNS解析
本机=>本地域名服务器=>权限域名服务器=>顶级域名服务器=>根域名服务器
2.网络处理
应用层封装报文,包括:请求行请求头请求体
传输层添加TCP头部封装成报文段,TCP链接在此层建立
网络层添加IP头部封装成IP数据报
物理链路层添加帧头部和帧尾部封装成帧
最后在物理介质上以二进制流传输
物理介质:同轴电缆 光纤 双绞线
传输设备:集线器 交换机 网桥
3.Https
4.浏览器处理
- 通过unicode解码
- 解析html构建dom tree
- 解析css构建css tree
- 将两棵树合成一颗渲染树(render Tree)
- 布局render树(Layout/reflow),通过文档流盒模型负责各元素尺寸、位置的计算
- 绘制render树(paint),绘制颜色,阴影
- 浏览器会将各层的信息发送给GPU,GPU会将各层合成(compose),然后显示
- DOMContentLoaded 事件触发时,仅当DOM加载完成,不包括样式表,图片,即第2部完成
- onload 事件触发时,页面上所有的DOM,样式表,脚本,图片都加载完成
- 渲染完毕
