css阻塞与js阻塞

js与css加载和渲染的阻塞问题。

一、css阻塞

如果link标签后面有script标签时，该css就会阻塞js资源的下载。而script在link之前时，就不会有阻塞的情况。

原因是:浏览器维持先html，再css，最后js的顺序，即首先构建DOM树，再次css树，最后render树的顺序。内联的样式是不会阻塞下载的。

二、js阻塞

浏览器防止js修改DOM树，需要重新构建DOM树，所以会阻塞其他的下载与呈现。在js下载、解析与执行完成后才会下载其他资源与显示。