HTML 5の新しい属性asyncとdeferの違い

ブラウザのサポート:
Internet Explorer 10、Firefox、Opera、Chrome、Safariはasync defer属性をサポートしています.
簡単な説明:

ページの りの に してasyncスクリプトが で されます(ページの が くとスクリプトが されます).

deferのスクリプトは、ページの が すると するがindex.jsの は、すべての の が した 、DOMContentLoadedイベントがトリガーされる に します.

deferまたはasyncがない 、ブラウザはすぐに されたスクリプトをロードして します.「 」とは、scriptのラベルの にあるドキュメント をレンダリングする に、つまり のロードを たずに、 み んで することを します.
インスタンスコード:

    
    


    
    
    
        console.log(1111);
    

実行結果:

1111
index.js
common.js