Javascriptにおけるdefer属性とasync属性の使い方を詳しく解説

この記事では、JavaScript における defer 属性と async 属性の使用法について詳しく説明します。必要な方は参考にしていただければ幸いです。

js ファイルを非同期でロードする必要がある理由:

非同期を使用しない場合、ドキュメントは js コードをロードするときに他のリソースのダウンロードをブロックし、空白のページが表示されます。

(1) 先頭に配置された js スクリプトを実行すると、ブラウザが外部リンク ファイルのコードをダウンロードして実行するための時間がかかり、明らかな遅延が発生し、空白のページが表示されます。ユーザーはコンテンツを閲覧できず、ページを操作できません。

(2) IE8、Firefox3.5、Safari4、Chrome2 はすべて Javascript ファイルの並列ダウンロードを許可しており、スクリプトのダウンロード プロセスは相互に影響しませんが、ページの読み込みにはまだ待つ必要があります。すべての Javascript コードがダウンロードされて実行されるまで続行します。このため、

著者別の最新記事

• Matlab をラップする方法
  2019-03-18 13:10:19
• Ctrl Zを解除した後に元に戻す方法
  2020-09-09 15:58:10
• sublimetext3における中国語文字化けの原理と解決策
  2019-03-13 14:47:24
• Java トレーニングの授業料はいくらですか?
  2023-05-18 06:57:01
• htmlの正式名称は何でしょうか？
  2021-02-20 17:16:47
• どの崇高な Pycharm が優れていますか?選び方
  2019-03-12 15:27:13
• Sublime で HTML コードを実行するにはどうすればよいですか? Sublimeを実行するためのショートカットキーは何ですか?
  2019-03-12 14:15:01
• エリアの属性とはどういう意味ですか?
  2019-03-11 16:05:59
• AEソフトウェアの主な機能は何ですか
  2019-03-13 13:16:29
• 1280*720は何ピクセルですか?
  2020-09-08 09:22:42

最新の問題

JavaScript - Vue.set で動的に追加された属性の失敗の問題

から 1970-01-01 08:00:00

0

0

0

javascript - オブジェクトには、プロトタイプ チェーンに set メソッドと get メソッドが設定された属性があり、この属性もオブジェクトに自動的に書き込まれます。

から 1970-01-01 08:00:00

0

0

0

javascript - vue-cli プロジェクトでは、サブコンポーネントはルート内のメタ属性を動的に変更できますか?

から 1970-01-01 08:00:00

0

0

0

javascript - js を使用して属性 class="" を動的に設定するにはどうすればよいですか?

から 1970-01-01 08:00:00

0

0

0

javascript - WeChat iOSの組み込みブラウザは、jsを使用したimgのsrc属性の動的変更には影響しません

から 1970-01-01 08:00:00

0

0

0

関連トピック

詳細>

• スレッドとプロセスの違い
• wirelesskeyview
• oppo11で画面をロックする方法
• Web 側で上にスライドして次のページを読み込む h5 を実装する方法
• ネットワーク ファイル サーバー ツールとは何ですか?
• Dimensity 9000 は Snapdragon にどれくらい相当しますか?
• netstatでポートステータスを確認する方法
• Sassとlessの違い