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

1. DNS解析将网址解析成ip地址
2. 浏览器向ip地址发送网络请求
3. 服务器处理网络请求，返回资源给浏览器
4. 根据返回的HTML生成DOM树
5. 根据CSS生成CSSOM
6. DOM树和CSSOM整合成render树
7. 根据render树渲染页面
8. 注意如果遇到’ < script >'就暂停渲染优先执行js
   这是因为js有可能会操作DOM会改变样式，所以就等他执行完再渲染，这样节约资源

思考题

为什么建议把CSS样式放到body前面？

因为如果把CSS样式放到body的最后边，那么浏览器会直接根据DOM树选染出页面。等执行到CSS样式时候再生成CSSOM然后又要重新再渲染一次界面，很浪费资源。

为什么建议把JS放到最后

因为JS代码会阻塞页面渲染，假如JS执行时间过长那么用户看到界面会长时间渲染不出，用户体验不好