当前位置: 首页 > Web前端 > CSS

浏览器内核机制——css加载会不会阻塞

时间:2023-03-30 13:46:47 CSS

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