アート非同期スクリプトの読み込み

ページのロード上の他の要素をロードするためには、JavaScriptのスクリプトをブロックすることができ、スクリプトファイルをロードするための非同期の非ブロッキングの方法は、Webページのパフォーマンスのために特に重要である、とさえ言うことができる非常に重要です。
FacebookのJavaScriptのSDKの構成例を次のように

<script>(function(d,s,id){
    var js,fjs = d.getElementByTagName(s)[0];
    if(d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js,fjs);
}(document,'script','facebook-jssdk'));</script>

これは、自己実行中の関数である、すべての一時変数がローカルに有効であることを保証し、グローバルな名前空間を汚染しません。
あなたはホストページを管理している場合は、すべてが容易になります。

<script>(function(d){
    var js = d.createElement('script');
    js.src = "http://example.com/my.js";
    (d.head || d.getElementByTagName('head')[0]).appendChild(js);
}(document));</script>

非同期Webページのパフォーマンスのための大きな助けのスクリプトをロードし、非ブロッキング。

おすすめ