瀏覽器從輸入URL到渲染完頁面的整個過程是怎么樣的？

 瀏覽器的主要功能是將用戶選擇的web資源呈現(xiàn)出來，它從服務(wù)器請求資源，并將得到的資源（HTML，PDF，image等等）顯示在瀏覽器窗口。那么從用戶敲入URL到完整渲染出來，經(jīng)歷了什么過程呢？也就是說整個瀏覽器的工作流程是怎樣的呢？

整個過程大致如下：

       1. 輸入URL，瀏覽器根據(jù)域名尋找IP地址
 2. 瀏覽器發(fā)送一個HTTP請求給服務(wù)器，如果服務(wù)器返回以301之類的重定向，瀏覽器根據(jù)相應(yīng)頭中的location再次發(fā)送請求
 3. 服務(wù)器接受請求，處理請求生成html代碼，返回給瀏覽器，這時的html頁面代碼可能是經(jīng)過壓縮的
 4. 瀏覽器接收服務(wù)器響應(yīng)結(jié)果，如果有壓縮則首先進(jìn)行解壓處理
 5. 瀏覽器開始顯示HTML

     6. 瀏覽器發(fā)送請求，以獲取嵌入在HTML中的對象。在瀏覽器顯示HTML時，它會注意到需要獲取其他地址內(nèi)容的標(biāo)簽。

這時，瀏覽器會發(fā)送一個獲取請求來重新獲得這些文件——包括CSS/JS/圖片等資源，這些資源的地址都要經(jīng)歷一個和HTML讀取類似的過程。所以瀏覽器會在DNS中查找這些域名，發(fā)送請求，重定向等等…

 那么，一個頁面，究竟是如何從我們輸入一個網(wǎng)址到最后完整的呈現(xiàn)在我們面前的呢？還需要了解一下瀏覽器是如何渲染的。
首先是用戶輸入url，瀏覽器通過DNS查詢要訪問頁面的IP，查詢到后，瀏覽器會替用戶去向這個IP地址發(fā)送請求拉取html文件，瀏覽器會派GUI線程去解析加載回來的html文件

html解析過程：01機(jī)器碼-》charter字符-》tokens令牌-》node節(jié)點(diǎn)-》dom樹

解析CSS，構(gòu)建CSSOM
有了骨骼以后，接下來就是確定長相了，這是CSS要做的事情。和解析HTML類似，CSS解析各種樣式信息，生成網(wǎng)頁的“外觀”。但是有個問題，CSSA（class選擇器）說，我喜歡藍(lán)色，我家網(wǎng)頁的所有文字都要是藍(lán)色。CSSB（id選擇器）就不樂意了，憑啥啊，我喜歡紅色，我家的標(biāo)題必須是紅色。由于id選擇器是親生的，那就標(biāo)題是紅色的吧，于是不同選擇器就有了不同的權(quán)重。最后生成CSSOM

因?yàn)闉g覽器解析文檔，如果遇到請求外部資源時，如圖像,iconfont,JS等。瀏覽器將下載該資源。請求過程是異步的，并不會影響HTML文檔進(jìn)行加載，當(dāng)遇到