0
点赞
收藏
分享

微信扫一扫

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

卿卿如梦 2022-02-28 阅读 43
  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执行时间过长那么用户看到界面会长时间渲染不出,用户体验不好

举报

相关推荐

0 条评论