JavaScriptファイルの読み込みを延期するにはどうすればよいですか？

Question

私は起動時にJavaScript関数を呼びたくありません。理由は簡単です、それは最初のダウンロードサイズを減らし、ページはより速く現われるでしょう。私は

<script type="text/javascript"> 
// Add a script element as a child of the body 
function downloadJSAtOnload() { 
var element = document.createElement("script"); 
element.src = "deferredfunctions.js"; 
document.body.appendChild(element); 
} 

// Check for browser support of event handling capability 
if (window.addEventListener) 
window.addEventListener("load", downloadJSAtOnload, false); 
else if (window.attachEvent) 
window.attachEvent("onload", downloadJSAtOnload); 
else window.onload = downloadJSAtOnload; 
</script> 

...ヘッド部内の次のコードを使用ししかし、それが機能しなかったことを行うには...私を助けてください

Answer 1

document.head.appendChild(element) 

Answer 2

は通常、それはあなたの最後にスクリプトを置く方が良いでしょうそれを直ちに呼び出すことができます。

スクリプトはページの読み込みをブロックするので、本文の末尾に配置するとページがすぐに読み込まれるようになり、JavaScriptはページが既に用意された状態で読み込まれます。

Answer 3

<script defer>（HTMLスクリプトタグのdefer属性）を使用できます。

例：

<script src="link/to/yourfile.js" defer></script> 

deferは、HTMLの解析中にファイルをダウンロードし、パーサが完了した後にのみ、それを実行します。遅延スクリプトは、ドキュメントに表示される順序で実行されることも保証されています。