javascript - どのようにjsのロードを延期しますか?

Question

ページの下部で次の js スクリプトを参照しています。

<script src="http://example.com/test.js" type="text/javascript"></script>

Google PageSpeed の提案は、この js の読み込みを遅らせることです。それを行う方法や影響についてはよくわかりません。誰か説明してくれませんか？

Answer 1

タグに属性deferを追加することで実行できます。<script>例えば：

<script src="http://example.com/test.js" type="text/javascript" defer></script>

ファイル内のスクリプトは、ブラウザがタグを解析するとすぐにスクリプトが実行される標準的な方法とは対照的に、ページ全体の読み込みが完了した後にのみ実行されるという考え方です(タグ<script>の後のコードのレンダリングが遅れる可能性があります)。<script>.)

Answer 2

これらのメソッドはどれも実際に実行されることが保証されていません。外部の JavaScript の実行が実際に延期されていることを確認する方法については、この素晴らしい記事を確認してください。
feedthebot defer execute javascript

パトリック・セクストンによって書かれた

Answer 3

async属性を使用できます

<script src="http://example.com/test.js" type="text/javascript" async></script>

ノート：

async 属性は、Internet Explorer 10、Firefox、Opera、Chrome、および Safari でサポートされています。

Answer 4

やりたいことは次のとおりです。http://davidwalsh.name/html5-async

<script async src="siteScript.js" onload="myInit()"></script>

また

<script defer src="siteScript.js" onload="myInit()"></script>