css和js的加载执行是否会阻塞Dom

JavaScript012

css和js的加载执行是否会阻塞Dom,第1张

1.都没有配置:立即执行,阻塞DOM的解析

2.<srcript async />: Dom加载和渲染后续文档与js的加载和执行异步关系

3.<srcript defer />: Dom加载和渲染后续文档与js的加载异步关系, js的加载要在dom解析之前完成(DOMContentLoaded)

所以js不同情况下会阻塞Dom的解析和渲染,需要放置尾部;

页面渲染需要css解析生成的cssom再和dom生成renderTree,才能交给渲染引擎进行计算渲染

默认情况下,CSS会被看做是渲染阻塞资源,也就是说,浏览器在CSSOM建立前,已经处理过的网页内容不会被显示到页面上。所以,保证你的CSS代码能够快速从服务器获取且尽可能的简短,并注意使用媒体类型(media types)和媒体查询(media queries)去进行非阻塞的渲染。