前端優化 檔案預載入

2021-08-21 08:21:06 字數 472 閱讀 9533

xhr和動態插入節點

使用動態插入節點方法載入的檔案都會在載入後立即執行。

ie中使用 new image().src 去預載入檔案,而其他瀏覽器使用動態插入的 標籤來完成載入。

window.onload = function ()  

o = document.createelement('object'); 

o.data = preload[i]; 

// ie stuff, otherwise 0x0 is ok 

= 1; 

= 1; 

= "hidden"; 

= "text/plain"; // ie 

o.width = 0; 

o.height = 0; 

// all others require body 

} }; 

動態插入的 object 標籤需要插入到非 head部分,以觸發載入

前端效能優化 預載入

1.什麼是預載入 資源預載入是另乙個效能優化技術,我們可以使用該技術來預先告知瀏覽器某些資源可能在將來會被使用到。預載入簡單來說就是將所有所需的資源提前請求載入到本地,這樣後面在需要用到時就直接從快取取資源。2.為什麼要用預載入 在網頁全部載入之前,對一些主要內容進行載入,以提供給使用者更好的體驗,...

前端優化 預載入篇

1.什麼是預載入 資源預載入是另乙個效能優化技術,我們可以使用該技術來預先告知瀏覽器某些資源可能在將來會被使用到。預載入簡單來說就是將所有所需的資源提前請求載入到本地,這樣後面在需要用到時就直接從快取取資源。2.為什麼要用預載入 在網頁全部載入之前,對一些主要內容進行載入,以提供給使用者更好的體驗,...

前端效能優化 資源預載入

預載入是瀏覽器對將來可能被使用資源的一種暗示,一些資源可以在當前頁面使用到,一些可能在將來的某些頁面中被使用。作為開發人員,我們比瀏覽器更加了解我們的應用,所以我們可以對我們的核心資源使用該技術。預載入可以拆分成很多小點 dns prefetch,subresource,prefetch,preco...