當一個網站有很多js代碼要加載，js代碼放置的位置在一定程度上將會影像網頁的加載速度，為了讓我們的網頁加載速度更快，本文總結了一下幾個注意點，分享給大家

 

JavaScript的延遲加載是那些在web上，能讓你想抓狂地去尋找解決方案的問題之一。

很多人說“那就用defer”或“async”，甚至有些人說“那就將你的javascript代碼放在頁面代碼底部”。

上述方法都不能解決在web頁面完全加載后，再加載外部js的問題。上述方法也會偶爾讓你收到Google頁面速度測試工具的“延遲加載javascript”警告。所以這里的解決方案將是來自Google幫助頁面的推薦方案。

如何延遲加載JavaScript

下面是Google推薦的代碼。這些代碼應被放置在</body>標簽前(接近HTML文件底部)。另外，我將外部JS文件名突出顯示。
 

1. <script type="text/javascript"> 
2. function downloadJSAtOnload() { 
3. var element = document.createElement("script"); 
4. element.src = "defer.js"; 
5. document.body.appendChild(element); 
6. } 
7. if (window.addEventListener) 
8. window.addEventListener("load", downloadJSAtOnload, false); 
9. else if (window.attachEvent) 
10. window.attachEvent("onload", downloadJSAtOnload); 
11. else window.onload = downloadJSAtOnload; 
12. </script>