从URL输入到渲染

[ReinerLau1]

进程

• 浏览器进程：负责处理、响应用户交互，比如点击、滚动
• 网络进程：负责处理数据的请求，提供下载功能
• 渲染进程：负责将获取到的HTML、CSS、JS处理成可以看见、可以交互的页面

[ReinerLau1]

网络请求

URL的解析

检查资源缓存

DNS解析

建立TCP连接

TLS协商密钥

发送请求&接收响应

关闭TCP连接

[ReinerLau1]

浏览器渲染

构建DOM树

样式计算

布局定位

图层分层

图层绘制

显示

[ReinerLau1]

https://mp.weixin.qq.com/s/7qe0HKrFGeMDahbNJXipwg