非同期ローディングJSのasync、defer

903 ワード

前述のJSローディングタイムラインに続いて、JSの非同期ローディングの方法をより深く理解しました.
デフォルトでは、jsファイルは同期的にロードされ、ページがjsファイルにロードされると、ページはこの場所で遮断され、HTML、CSSのロードラインが遮断されます.
なぜjsを非同期でロードしないのですか?(jsはHTML、CSSを修正するから);
またjsは同期ロードなので、ページを変更しないjsツールパッケージにとっては、HTML、CSSのロードラインを遮断しているため、効率を浪費しています.したがって、このような(呼び出さなければページに影響を与えないキット)キットに対して、彼は非同期でロードされるべきであることを望んでいます.
非同期ロードの簡単な2つの方法
1、defer属性、使い方:

この はIEブラウザでしか えません. ファイルを したり、 にコードを いたりすることができます.
ただし、ドキュメントの が するまで できません(つまりdomツリーの が し、ロードが するのではなく).
2、async 、 い :

この はIE のブラウザに され、HTML 5の しい である.
ファイルのみ、すなわちsrcプロパティがあります.
ロード jsはすぐに します.
このように、 の2つの には の がある.3つ の はオンデマンドロードです(まだ していないので、コードを らないでください);