DOM文檔加載的步驟

要想理解為什么ready先執(zhí)行,load后執(zhí)行就要先了解下DOM文檔加載的步驟:

(1)解析html結(jié)構(gòu)

(2)加載外部腳本和樣式表問價(jià)

(3)解析并執(zhí)行腳本代碼

(4)構(gòu)造HTML DOM模型//ready

(5)加載圖片等外文件

(6)頁面加載完畢//load

結(jié)論:

ready與load的區(qū)別就在于資源文件的加載,ready構(gòu)建了基本的DOM結(jié)構(gòu),所以對(duì)于代碼來說應(yīng)該越快加載越好。在一個(gè)高速瀏覽的時(shí)代,沒人愿意等待答案。假如一個(gè)網(wǎng)站頁面加載超過4秒,不好意思,你1/4的用戶將面臨著流失,所以對(duì)于框架來說用戶體驗(yàn)是至關(guān)重要的,我們應(yīng)該越早處理DOM越好,我們不需要等到圖片資源都加載后才去處理框架的加載,圖片資源過多l(xiāng)oad事件就會(huì)遲遲不會(huì)觸發(fā)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容