延遲載入JavaScript

如何延遲載入JavaScript

真正的延遲載入JavaScript意味著：在頁面內容已經完全載入完成之後才開始載入或解析JavaScript（這也就是說JavaScript不能影響頁面速度或關鍵渲染路徑）。

• 使用「onload」事件來呼叫外部JavaScript資源

• 外部JavaScript資源不能在頁面內容加載完前加載

解釋

網路上的焦點往往是人們為了找到解決方案而抓狂，JavaScript的延遲載入便是焦點其中之一。

許多人說”只要使用defer就可以了“、”只要使用async就可以了“，或者說”只要把你的JavaScript放到頁面最底部就可以了“，但是這些都沒有解決問題—— 讓頁面完全加載完成然後（只能在完全加載之後）加載外部JS。這些方式也不會讓你透過從Google頁面速度工具中取得的」延遲來載入JavaScript「 警告（這一點譯者有些疑問，因為我在測試的時候發現上面的三個方法是可以去掉這個警告的）。

這個解決方案將會解答。

呼叫外部JavaScript檔案的腳本

這段程式碼放到HTML文件的