浏览器输入url地址，到页面渲染发生了什么

1. DNS域名解析，拿到ip地址
2. 浏览器向ip地址发起三次握手，建立http连接
3. 连接成功，服务器响应客户端需要的数据
4. 浏览器拿到服务器响应的数据，浏览器解析DOM树，CSSOM树(CSS规则树)，生成渲染树，布局渲染树，绘制渲染树，浏览器展示页面
5. 浏览器和服务器进行四次挥手，断开连接

优化解析

• css放在head中，不要异步加载css
• js放在body最下面，或者合理使用(async defer)
• img 提前定义 width height