異なるサブドメイン上の画像/スクリプト/スタイルがあれば、クライアント側のパフォーマンスは向上しますか？

Question

静的コンテンツ専用のドメインがあるため、Cookieは画像/スクリプト/ CSSへのリクエストと一緒に移動しません。今、私はどこかでほとんどのブラウザが各ドメイン/サブドメインに対して1つのダウンロードスレッドしか開かないので、同じドメイン上で異なる静的コンテンツを並行してダウンロードできないことを読んだと思います。 script.mycdn.comにスクリプト、css.mycdn.comにスタイル、images.mycdn.comに画像を配置すると、ブラウザに違いが生じますか？ブラウザで画像をスクリプトやスタイルと同時にダウンロードできるようにしますか？

mycdn.com は、もちろん構成された名前です：）

ありがとう！ アンドレイ

Answer 1

ブラウザは、ホスト（サーバー）ごとに最大2つの同時接続を確立することを理解しています。そのため、このようにアセットを複数のサーバーに分散させると、実際にブラウザーがそれらを並行してダウンロードできるようになります。

Answer 2

それを試みるとき、私は非常に慎重になります。そのため、一部のブラウザーではより高速にロードされる可能性があります。しかし、その一方で、多くの問題が発生します。

クロスサイトスクリプティングまたは他の保護メカニズム（IEのInPrivateフィルタリングなど）のため、ブラウザーは異なるドメインからコンテンツをまったく読み込まない場合があります。そしてもちろん、サーバーはより多くのオープンキープアライブ接続を処理する必要があります。

もちろん、これを行うと、自分の接続速度によって制限されているすべての人のサイトの読み込みが（わずかに）遅くなります（転送が長くなりますので）。

Answer 3

ほとんどのブラウザは、ドメインごとに静的アセットを同時にリクエストします。 IE6-7やFirefox 2などの古いブラウザーはドメインごとに2つの同時リクエストを行い、Firefox 3などの新しいブラウザーは4-6のアセットを並行してダウンロードします。アセットホストでCookieを無効にすると、クライアントに送信されるデータの量も減少します。

アセットホストの数に関しては、それぞれが追加のDNSルックアップを必要とするため、あまり多くなりたくありません。 このyahooの調査記事では、少なくとも2つの4つ以下の異なるアセットホスト。

ダウンロードスクリプトが操作をブロックしていることに注意してください（つまり、他のアセットが並行してダウンロードされるのを防ぎます）。したがって、ダウンロードされるJavaScriptの量を最小限に抑え、場合によってはページの下部に移動する可能です。