延遲載入(懶載入)和預載入是常用的 web 優化的手段。。原理： 當在真正需要資料的時候，才真正執行資料載入操作。
目的： 延遲載入機制是為了避免一些無謂的效能開銷而提出來的
使用方法： 把 js 外部引入的檔案放到頁面底部
用途: 讓 js 最後引入，從而加快頁面載入速度
說明:流覽器之所以會採用同步模式，通常載入 js 檔案或者放標籤都在結構最後面，也是因為它會阻止瀏覽器後續操作的原因，所以放在後面，當頁面結構和樣式全部渲染完成再執行 js，提公升使用者體驗
使用方法： 為標籤定義了defer屬性。
用途: 讓指令碼在執行時不會影響頁面的構造。也就是說，指令碼會被延遲到整個頁面都解析完畢之後再執行
複製**
雖然元素放在了元素中，但包含的指令碼將延遲瀏覽器遇到標籤後再執行。
所有的 defer 指令碼保證是按順序依次執行的。(但實際上延遲指令碼並不一定會按照順序執行，因此最好只包含乙個延遲指令碼)
defer 屬性只適用於外部指令碼檔案。
使用方法： 為標籤定義了async屬性。
複製**
這個過程是非同步的，它們將在 onload 事件之前完成。
所有的 defer 指令碼不能控制載入的順序。。
asyncr 屬性只適用於外部指令碼檔案。
//這些**應被放置在js 網頁載入完畢，執行js函式
一般網頁載入完畢後，會馬上執行js，給按鈕，超連結等標籤設定多種行為，實現這樣的方式 dofunction firstfunction secondfunction 為js的三個函式 1 乙個函式 window.onload dofunction 2 多個函式 函式數量過多，會出錯 window.o...
js的阻塞載入 延遲載入和非同步載入
1.阻塞載入 平常預設使用的都是阻塞載入。例如 阻塞載入會阻止瀏覽器的後續處理，停止了後續的檔案的解析，執行，如影象的渲染。為了這樣可以讓頁面先顯示出來，我們通常會把要載入的js放到body結束標籤之前，使得js可在頁面最後載入，儘量減少阻塞頁面的渲染。2.延遲載入 延遲載入是指令碼延遲到文件被完全...
js中的延遲載入
以京東訂單中優惠券獲取為例 第一次載入時不顯示，點選觸發時會顯示 當第一次點選 時會載入優惠券的資訊,第二次點選則不再載入,載入後結果為 點選的js如下 優惠券 function showticket else setcouponstateshow 載入js如下 function querycoup...