瀏覽器文件加載順序

css

下載的時候是並行的,

 

1、css加載不會阻塞DOM樹的解析

2、css加載會阻塞DOM樹的渲染

3、css加載會阻塞後面js語句的執行

js

瀏覽器對於Javascript的運行有兩大特性:

1、載入後馬上執行

2、一定是按照書寫的順序執行

 

一、如果是外部js腳本

1、下載時並行的,但是解析是串行的

2、下載的時候不會阻塞其他文件下載

3、解析的時候,阻塞頁面的解析、渲染,阻塞他資源的下載

 

ps:不同瀏覽器對於同一個域名下的最大連接數有不同的限制,HTTP1.1協議規範中的要求是不能高於2個,但是大多數瀏覽器目前實際提供的最大連接數都多於2個.

這個限制在http2.0, 添加了多路複用,可以無限的請求了。

 

二、documen.write寫入的內部腳本

這個情況比較複雜,不做討論,不建議這麼寫。

 

三、通過js動態創建script標籤.

添加的代碼不會立即執行,而且不保證按照添加的順序執行

img、video

圖片資源是並行下載的而且不會阻塞頁面渲染,

但是下載完後,頁面需要重新渲染,因爲dom結構會有所改變。

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