FOUC-如果渲染需要DOM和CSSOM,为什么会发生这种情况?

时间:2019-03-01 22:42:24

标签: javascript css cross-browser

我知道以前也曾提出过类似的问题,但是似乎没有一个问题能真正回答我的问题,或者至少是我误解了。

我的理解是,在创建DOM和CSSOM之前,浏览器无法/不会呈现页面。如果确实如此,为什么我们会看到FOUC?

我目前正在构建一个静态网站,它的头部有2个CSS文件,页脚有1个JS文件(在load事件中执行一些动画),但是在Firefox中,以及Chrome(如果我屡次按下刷新/硬刷新),就会获得快速的FOUC体验,这简直令人沮丧。

奇怪的是,如果我将JS放在CSS上方和<head>内,FOUC将停止...

有人可以向我解释为什么会这样吗?我尝试删除JS,但是如果我反复按一下刷新,就会遇到FOUC。

任何建议或指导将不胜感激。

0 个答案:

没有答案