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

JavaScript019

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）去进行非阻塞的渲染。