[TOC]

浏览器的组成

60.浏览器渲染原理 - 图1

HTML的解析过程

60.浏览器渲染原理 - 图2

JS的下载和执行会阻塞HTML的解析

阻塞原因是

  • 执行JS会阻塞解析HTML是因为,JS执行过程中可能会修改DOM树。比如,document.write(‘
    ..
    ‘)
  • 下载JS会阻塞解析HTML是因为,旧版浏览器原因,遇到script标签就会下载JS,HTML是一行一行的解析。

    async与defer的区别