瀏覽器工做流程:構建DOM -> 構建CSSOM -> 構建渲染樹 -> 佈局 -> 繪製。瀏覽器
CSSOM會阻塞渲染,只有當CSSOM構建完畢後纔會進入下一個階段構建渲染樹。async
一般狀況下DOM和CSSOM是並行構建的,可是當瀏覽器遇到一個不帶defer或async屬性的script標籤時,DOM構建將暫停,若是此時又恰巧瀏覽器還沒有完成CSSOM的下載和構建,因爲JavaScript能夠修改CSSOM,因此須要等CSSOM構建完畢後再執行JS,最後才從新DOM構建。佈局