URL到頁面加載

版權聲明: https://blog.csdn.net/Ivana_zyf/article/details/79375691

1、DNS解析
2、TCP連接
3、發送HTTP請求
4、服務器處理請求並返回HTTP報文
5、瀏覽器解析渲染頁面
6、連接結束

瀏覽器在解析過程中,如果遇到請求外部資源時,如圖像,iconfont,JS 等。瀏覽器將重複1-6過程下載該資源。

請求過程是異步的,並不會影響HTML文檔進行加載,但是當文檔加載過程中遇到JS文件,HTML文檔會掛起渲染過程,不僅要等到文檔中JS文件加載完畢還要等待解析執行完畢,纔會繼續HTML的渲染過程。因爲JS有可能修改DOM結構,這就意味着JS執行完成前,後續所有資源的下載是沒有必要的,這就是JS阻塞後續資源下載的根本原因。CSS文件的加載不影響JS文件的加載,但是卻影響JS文件的執行。JS代碼執行前瀏覽器必須保證CSS文件已經下載並加載完畢。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章