同步載入 非同步載入 延遲載入

2021-08-01 14:13:48 字數 572 閱讀 8675

一、同步載入

平常預設用的都是同步載入。如:

同步模式又稱阻塞模式,會阻止瀏覽器的後續處理,停止了後續的檔案的解析,執行,如影象的渲染。流覽器之所以會採用同步模式,是因為載入的js檔案中有對dom的操作,重定向,輸出document等預設行為,所以同步才是最安全的。通常會把要載入的js放到body結束標籤之前,使得js可在頁面最後載入,儘量減少阻塞頁面的渲染。這樣可以先讓頁面顯示出來

二、非同步載入

同步載入流程是瀑布模型,非同步載入流程是併發模型。

前面解決了非同步載入(async loading)問題,再談談什麼是延遲載入。

延遲載入:有些 js **並不是頁面初始化的時候就立刻需要的,而稍後的某些情況才需要的。延遲載入就是一開始並不載入這些暫時不用的js,而是在需要的時候或稍後再通過js 的控制來非同步載入。

也就是將 js 切分成許多模組,頁面初始化時只載入需要立即執行的 js ,然後其它 js 的載入延遲到第一次需要用到的時候再載入。

特別是頁面有大量不同的模組組成,很多可能暫時不用或根本就沒用到。

就像的延遲載入,在出現在可視區域內時(在滾動條下拉)才載入顯示

四、預載入

同步載入 非同步載入 延遲載入和預載入

3 延遲載入 4 預載入 常預設的是同步載入 src script 同步模式又稱阻塞模式,會阻止瀏覽器的後續操作,相當於阻止了後續的檔案的解析,執行等。流覽器之所以會採用同步模式,是因為載入的js檔案中有對dom的操作,重定向,輸出document等預設行為,所以同步才是最安全的。通常載入js檔案或...

同步載入 非同步載入和延遲載入和預載入

常預設的是同步載入 1 src script 同步模式又稱阻塞模式,會阻止瀏覽器的後續操作,相當於阻止了後續的檔案的解析,執行等。流覽器之所以會採用同步模式,是因為載入的js檔案中有對dom的操作,重定向,輸出document等預設行為,所以同步才是最安全的。通常載入js檔案或者放標籤都在結構最後面...

同步載入 非同步載入和延遲載入和預載入

常預設的是同步載入 1 src script 同步模式又稱阻塞模式,會阻止瀏覽器的後續操作,相當於阻止了後續的檔案的解析,執行等。流覽器之所以會採用同步模式,是因為載入的js檔案中有對dom的操作,重定向,輸出document等預設行為,所以同步才是最安全的。通常載入js檔案或者放標籤都在結構最後面...