我知道以前也曾提出过类似的问题,但是似乎没有一个问题能真正回答我的问题,或者至少是我误解了。
我的理解是,在创建DOM和CSSOM之前,浏览器无法/不会呈现页面。如果确实如此,为什么我们会看到FOUC?
我目前正在构建一个静态网站,它的头部有2个CSS文件,页脚有1个JS文件(在load
事件中执行一些动画),但是在Firefox中,以及Chrome(如果我屡次按下刷新/硬刷新),就会获得快速的FOUC体验,这简直令人沮丧。
奇怪的是,如果我将JS放在CSS上方和<head>
内,FOUC将停止...
有人可以向我解释为什么会这样吗?我尝试删除JS,但是如果我反复按一下刷新,就会遇到FOUC。
任何建议或指导将不胜感激。