css加载不会阻塞DOM树解析,但是会阻塞DOM树渲染。
所以为了避免用户看到长时间的白屏时间,我们应该尽可能快的提高css加载速度。
1、使用CDN;
2、对css进行压缩(利用打包工具,例如webpack和gulp);
3、合理的使用缓存(设置cache-control,expresss以及E-tag);
DOM解析和CSS解析是两个并行的进程,所以这也解释了为什么CSS加载不会阻塞DOM的解析。
然而,由于Render Tree是依赖于DOM Tree和CSSOM Tree的,所以他必须等待到CSSOM Tree构建完成,也就是CSS资源加载完成(或者CSS资源加载失败)后,才能开始渲染。因此,CSS加载是会阻塞Dom的渲染的。


dabaiaijianshen
18 声望6 粉丝