これは非常に基本的な質問です。スクリプトと画像は Web ページに同期または非同期でロードされますか (ajax リクエストで何が起こるかなど)。私は通常のHTMLの方法で画像とスクリプトを含めることについて話している-そして
jQuery（最後にチェックしたのは約2MB）や他の大きなライブラリや大きな画像などの比較的大きなファイルを含めることに対してブラウザがどのように反応するのか疑問に思っていました. ? 小さなプロジェクトで使用することを検討しているため、jQueryのオーバーヘッドについて特に知りたいです...
画像は非同期で、場合によっては同時に読み込まれます。それらについて気にしないでください。できるだけ小さくして、CSSスプライトを使用してください。
スクリプトがブロックされています。つまり、前のスクリプトのダウンロードが完了する前に次のスクリプトをロードすることはできません。スクリプト間の依存関係がある可能性があるため、これは理解できます。
通常は、すべてのJavaScriptリソースを圧縮して縮小し、ページの下部に含める1つのファイルにします。このようにして、ページが適切にレンダリングされ、優れたユーザーエクスペリエンスが提供され、最後にスクリプトが読み込まれます。結局のところ、通常はDOMレディイベントより前ではないスクリプトを実行します。
そして、縮小されたjQueryは約93Kです。また、上記のリンクを使用すると、ほとんどの場合、ブラウザに一度だけキャッシュされます。
サーバーがDOMを送信するとすぐに、ブラウザーはWebサイトを表示できます。
画像は非同期で読み込まれるため、遅い接続では大きな画像がゆっくりと表示されます
jQueryは32kbです
スクリプトは同時にではなく、1つずつロードされます
言われていることに加えて、スクリプトを同時にロードするが、それらが表示された順序で実行されることを保証するスクリプトロードライブラリがあります。私が使用してお勧めするのはhead.jsです。非常にシンプルなインターフェースを提供します (以下は図書館のウェブサイトからコピーしたものです)。
head.js("/path/to/jquery.js", "/google/analytics.js", "/js/site.js", function() {
// all done
});
また、jQuery のサイズに関する混乱を明確にするために... バージョン 1.7.2 の時点で:
最後のオプションは、実稼働 Web サイトで実際に使用するオプションです。そのため、ユーザーが 2 MB のライブラリをダウンロードする必要があるのではないかという不安は解消されます。
スクリプトブロックは同期的です（ただし、非同期コードを含めることができます）
画像の読み込みは非同期的です
HTMLの通常の動作は、すべてのファイル（画像とスクリプト）を同期的にロードすることだと思います。
ただし、ファイルを非同期でロードする小さなインラインJavaScriptを作成することは可能です。