浏览器渲染过程

Posted by Start Bootstrap on June 25, 2018

浏览器渲染过程

  1. 标签逐个去解析
  2. 当解析到script标签的时候,会都下载下来,并在下载完毕时逐个执行
  3. 默认情况下,JavaScript 执行会“阻止解析器”:当浏览器遇到文档中的脚本时,它必须暂停 DOM 构建,将控制权移交给 JavaScript 运行时,让脚本执行完毕,然后再继续构建 DOM
  4. 当解析到css的时候,会都下载下来,并在下载完毕时一起执行
  5. css文件不会阻塞HTML解析,但是会阻塞渲染,导致css文件未下载完成之前已经解析好html也无法先显示出来
  6. 浏览器不是解析一个标签就绘制显示一次,当遇到阻塞或者比较耗时的操作的时候才会先绘制一部分解析好的