css加载会阻塞DOM树的解析、DOM树的渲染和JS的执行吗?

1、首先CSS加载理论上不会阻塞DOM树的解析,但会阻塞DOM树的渲染;

2、浏览器的整个解析过程是:HTML解析为DOM树,css生成CSS样式表,然后二者合并生成真正的渲染树renderTree

3、当浏览器合并HTML和CSS生成渲染树时,遇到CSS样式表的链接或者内联样式,会发送请求等待CSS样式加载完成后再进行渲染;在css加载期间,浏览器会暂停DOM的渲染和JS的执行,等加载完成后才能继续进行DOM树渲染和后续js的执行;所以一般css文件放在html页面的顶部;