Warum wird domcontentloaded (blaue Linie) abgeschlossen, bevor das CSS heruntergeladen wird?
認證0級講師
1.瀏覽器開始解析目標HTML文件,執(zhí)行流的順序為自上而下。
2.HTML解析器將HTML結構轉換為基礎的DOM(文檔對象模型),構建DOM樹完成后,觸發(fā)DomContendLoaded事件。
3.CSS解析器將CSS解析為CSSOM(層疊樣式表對象模型),一棵僅含有樣式信息的樹。
4.CSSOM和DOM開始合并構成渲染樹,每個節(jié)點開始包含具體的樣式信息。
5.計算渲染樹中個各個節(jié)點的位置信息,即布局階段。
6.將布局后的渲染樹顯示到界面上。
DOMContentLoaded 事件將被觸發(fā),當初始HTML文檔已經(jīng)完成加載和解析時,而無需等待樣式表,圖像和子幀的完全加載。
參考:https://developer.mozilla.org...
首先css
下載不會阻塞網(wǎng)頁渲染,一個網(wǎng)頁由html
和資源資源組成,其他資源的下載不會影響到html
文件本身的下載,他們之間是并發(fā)的。