延遲載入和預載入

2021-07-26 01:59:59 字數 350 閱讀 5620

在網頁剛開始開啟的時候,並沒有載入這些,滾動條移動到一定的位置才載入這些,這就是延遲載入的乙個例子。

延遲載入的好處:使用延遲載入節約大量的流量資源。

實現預載入的方法:

1、將的實際的路徑位置放在xsrc中

2、得到距離視窗頂端的距離

3、獲取螢幕可視區域的最低點的位置 達到的時候實現1

在網頁開啟某一張大圖的時候,這個的前一張和後一張都已經載入了。

預載入的方式:

1、在大圖沒有載入成功的時候顯示的是正在載入的乙個小圖示,等待後台載入成功以後,再顯示這個大圖

2、當正在顯示這張的時候,前一張和後一張都已經被載入,這也是一種預載入的方式

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

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

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

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

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

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