浏览器首次渲染页面的时间点是?

我知道浏览器渲染页面时,首先构建DOM和CSSOM,然后合并成渲染树,然后对渲染树进行布局之后进行绘制。

但是这里我有两个问题。

1:前端优化里有条规则是说为了更快的渲染,将css放在头部,否则会出现FOUC(谷歌的表现为白屏,火狐为闪烁)。那我的问题是构建渲染树的同时绘制,还是等渲染树完全构建完成后进行绘制(也就是解析到html最后一个标签)?从谷歌开发工具来看并不是DOMContentLoaded后渲染。

https://img3.mukewang.com/5bed25880001b71d03870056.jpg

2:我知道JS会阻塞DOM树构建,那是不是在script标签后面如果有css文件,就要等JS执行完才继续构建渲染树,然后绘制?


Cats萌萌
浏览 1045回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript