摘要：的速度明顯快于重排重繪與的區(qū)別理解了瀏覽器是如何渲染頁面之后我們?cè)賮肀容^這兩者就很好理解了執(zhí)行的時(shí)間必須等到頁面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。

先上圖，我們?cè)俾忉專@圖就是瀏覽器加載網(wǎng)頁的一個(gè)過程

當(dāng)我們?cè)跒g覽器輸入一個(gè)地址（比如:http://toadw.cn）,那么點(diǎn)擊回車后，瀏覽器是如何加載網(wǎng)頁的呢？

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

瀏覽器發(fā)送toadw.cn尋址請(qǐng)求給DNS服務(wù)

DNS返回?cái)?shù)據(jù)告訴瀏覽器toadw.cn的服務(wù)器地址是255.255.255.255

本地電腦緩存DNS數(shù)據(jù)，并發(fā)送請(qǐng)求給255.255.255.255這個(gè)服務(wù)器，然后瀏覽器和服務(wù)器根據(jù)HTTP協(xié)議進(jìn)行通訊

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

首先瀏覽器先把這個(gè)HTML文檔先轉(zhuǎn)化為DOM樹，然后根據(jù)這個(gè)DOM樹，進(jìn)行渲染，轉(zhuǎn)化為可視的東西

在渲染的時(shí)候，瀏覽器從上到下依次渲染DOM樹，當(dāng)發(fā)現(xiàn)有外鏈資源或腳本、、