白屏問題：
如果把樣式放在底部，對于IE瀏覽器，chrome等（css全部加載后再呈現(xiàn),有可能等待長）缠劝，在某些場景下(新窗口打開袱吆，刷新等)頁面會(huì)出現(xiàn)白屏，而不是內(nèi)容逐步展現(xiàn)。使用 @import 標(biāo)簽，即使 CSS 放入 link, 并且放在頭部,也可能出現(xiàn)白屏。
對于圖片和CSS, 在加載時(shí)會(huì)并發(fā)加載(如一個(gè)域名下同時(shí)加載兩個(gè)文件)暇咆。 但在加載 JavaScript 時(shí)，會(huì)禁用并發(fā)丙曙，并且阻止其他內(nèi)容的下載. 所以把 JavaScript 放入頁面頂部也會(huì)導(dǎo)致 白屏 現(xiàn)象.
1.2爸业，F(xiàn)OUC：
Flash of Unstyled Content "無樣式內(nèi)容閃爍“：有些瀏覽器是邊渲染邊呈現(xiàn)，CSS放置body標(biāo)簽底部亏镰，會(huì)出現(xiàn)加載html結(jié)束后才一次性加載css樣式扯旷，從而導(dǎo)致頁面閃爍。
二索抓，那怎么避免出現(xiàn)網(wǎng)頁白屏呢?
2.1钧忽，引入位置
CSS：一般將css放置head里用style包裹，也可以使用link標(biāo)簽引入逼肯。
JS：一般放置body標(biāo)簽的尾部
2.2耸黑，加入異步
沒有 defer 或 async，瀏覽器會(huì)立即加載并執(zhí)行指定的腳本篮幢，“立即”指的是在渲染該 script 標(biāo)簽之下的文檔元素之前大刊，也就是說不等待后續(xù)載入的文檔元素，讀到就加載并執(zhí)行三椿。
async : 腳本延遲到文檔解析和顯示后執(zhí)行缺菌，有順序 <script async src="script.js"></script>
有 async，加載和渲染后續(xù)文檔元素的過程將和 script.js 的加載與執(zhí)行并行進(jìn)行（異步）搜锰。
defer:不保證順序 <script defer src="script.js"></script>
有 defer伴郁，加載后續(xù)文檔元素的過程將和 script.js 的加載并行進(jìn)行（異步），但 script.js 的執(zhí)行要在所有元素解析完成之后蛋叼，DOMContentLoaded 事件觸發(fā)之前完成焊傅。
