css阻塞与js阻塞

2018年05月30日Web前端

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

一、css阻塞

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

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

二、js阻塞

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