指令碼載入優化方法

2022-09-15 16:57:13 字數 514 閱讀 2235

l

若指令碼在 head 或 body 中間,有很大可能會出現空白頁面,也無法進行使用者互動,使用者體驗很差。

所以我們首先需要做的是:

把 script 標籤放在 body 裡最底部;

因為進行 http 請求時有額外的效能開銷,如三次握手,所以還要儘量減少  http 請求:

把 j**ascript 檔案合併成乙個;

在乙個請求裡載入多個 j**ascript 檔案

也就是動態建立乙個 script 標籤,在合適的時機插入到頁面中,我們可以這種方法來根據需要載入檔案,也能指定指令碼載入順序。

就是通過 xhr 獲取指令碼  然後在**函式中建立 script 標籤並插入到頁面中

先新增動態載入所需的指令碼,盡可能精簡,其中新增乙個載入指令碼的函式

在 script 標籤中呼叫函式載入其他指令碼

當然,也有一些懶載入庫能使用。

非同步載入指令碼

defer屬性和async屬性提供了非同步載入指令碼的方法。使用如下 defer在domcontentloaded事件發生前執行,async指令碼可能在domcontentloaded事件前執行,也有可能在之後執行,但是肯定在loaded事件前執行。注意 由於不同的瀏覽器實現,defer事件也不一定...

判斷指令碼載入是否完成的方法

我們可以對載入的 js 物件使用 onload 來判斷 js.onload 此方法 fi程式設計客棧refox2 firefox3 safari3.1 opera9.6 瀏覽器都能很好的支援,但 ie6 ie7 卻不支援。曲線救國 ie6 ie7 我們可以使用 js.onreadystatechan...

webview載入優化

override public webresourceresponse shouldinterceptrequest webview view,string url else if url.contains 20.b7e931615e2f93316749.js else if url.contain...