摘要：的速度明顯快于重排重繪與的區別理解了瀏覽器是如何渲染頁面之后我們再來比較這兩者就很好理解了執行的時間必須等到頁面內包括圖片的所有元素加載完畢后才能執行。

先上圖，我們再慢慢解釋，這圖就是瀏覽器加載網頁的一個過程

當我們在瀏覽器輸入一個地址（比如:http://toadw.cn）,那么點擊回車后，瀏覽器是如何加載網頁的呢？

一開始瀏覽器是不知道你輸入的http://toadw.cn這個東西是什么的，也不知道要去哪里給你找這個網頁，他需要向DNS服務發出解析請求
大致的步驟如下：

瀏覽器發送toadw.cn尋址請求給DNS服務

DNS返回數據告訴瀏覽器toadw.cn的服務器地址是255.255.255.255

本地電腦緩存DNS數據，并發送請求給255.255.255.255這個服務器，然后瀏覽器和服務器根據HTTP協議進行通訊

瀏覽器拿到HTML代碼之后，它是如何顯示給大家看的呢？其實所謂的渲染就是講HTML代碼根據CSS定義的規則顯示在瀏覽器窗口中的這個過程

首先瀏覽器先把這個HTML文檔先轉化為DOM樹，然后根據這個DOM樹，進行渲染，轉化為可視的東西

在渲染的時候，瀏覽器從上到下依次渲染DOM樹，當發現有外鏈資源或腳本、、