HTML4 时代——尽量不将CSS放到 body 之后

resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint

浏览器在渲染页面时 DOM 和 CSSOM(CSSOM,即CSS Object Model,CSS对象模型)是并行的,然后两者结合形成 Render Tree 显示页面。从直觉上来说,style 写在 body 前不会对 DOM 的渲染进行阻塞;而写在 body 内会对 DOM 渲染进行阻塞。会产生 FOUC(Flash of Unstyled Content) 的现象,既一瞬间的白屏或者样式的突然变化,主要原因是 页面重新渲染了!  

html5 时代——位置无关紧要,特别和4G和5G,网速很快,即便白屏闪烁你也看不到了!