2017-07-16 12 views
0

2017年7月現在、HTMLページから外部Javascriptファイルを呼び出すためのベストプラクティスは何ですか? DEFER属性を持つヘッドにおいてHTMLページから外部jsファイルを呼び出す最良の方法(2017年7月現在)

1):

<head> 
    <title></title> 
    <script src="script.js" defer></script> 
</head> 

2)DEFER属性を持たないヘッド内及びDOMがロードされた後に起動機能のすべてのJSコードを配置します。

<head> 
    <title></title> 
    <script src="script.js"></script> 
</head> 

script.jsファイル:

function init() { 
    // all JS code in here 
} 
window.onload = init; 

3)直ちに閉鎖BODYタグの前に:

... 
</body> 
<script src="script.js"></script> 
</html> 

... 
<script src="script.js"></script> 
</body> 

4)直ちに閉鎖BODYタグの後

5)何か別の方法ですか?

答えて

0

外部のjavascriptを呼び出す最も良い方法は、本体の終了タグ(</body>)の前に <script type="text/javascript" src="script.js" async></script>です。

asyncは、<script>タグが見つかると、DOMがそのプロセスを停止しないようにします。詳細については

、このポストhttps://developers.google.com/speed/docs/insights/BlockingJS

+1

を参照してください。あなたがこれをサポートすることができ、ソースやドキュメントを持っていますか? – hwdbc

+2

@hwdbcはい、私はドキュメントを持っています。私は数日前にGoogle Mobile Sites Certificationに合格しました。それは試験の一部だった。 https://developers.google.com/speed/docs/insights/BlockingJS –

+0

配信いただきありがとうございます。私はOPが良い文書にアクセスするのに役立つだろうと頼んだ。 – hwdbc

関連する問題