iframe を介して、または JSON データを取得する ajax 呼び出しを介して書式設定された要素をロードし、javascript でそれを HTML デザインに配置すると、パフォーマンスに違いはありますか? 私は主要なウェブサイトがどのようにそれを行っているかを見る傾向があり、eBay が多くの iframe を使用していることに気付きました。ホームページには 4 つの iframe がありますが、そのうちの 1 つは広告なので明らかです。
また、iframe 内では、同じドメインにあるにもかかわらず、親の JavaScript ファイルにアクセスできないため、iframe 内で .js ファイルを再度読み込む必要があります。これは技術的な問題なのか、それとも同じドメイン上にあるためにまだ奇妙である XSS に関する安全上の予防策なのだろうか... 例は jquery .js 配布ファイルです。これを親と iframe の両方にロードする必要があります。 . ブラウザはこれの親のキャッシュ バージョンを使用しますか、それとも .js ファイル全体を再度ダウンロードしますか?
これは実際にはいくつかの質問です。
最初に、全体的な速度について説明します。短い答え: 場合によります。ここにはいくつかの要因があります。Ajax メソッド - サーバーからデータをロードするのはおそらく速く、クライアント側で表示するのは遅くなります。IFrame メソッド - サーバーからの読み込みはおそらく遅く、クライアント側の表示は高速です。
広告に iframe を使用する傾向は、セキュリティ上の懸念と全体的な設計要件に関係していると思います。
iframe 内で、親と同じドメインから読み込まれた場合は、parent.$またはparent.jQuery. この質問を参照してください。
キャッシングは、これに余分なレイヤー全体を導入します。ブラウザの設定やプロキシの設定にも大きく依存しますが、キャッシュはおそらく発生します。
それは、data/html がどのように、どこから来るかに完全に依存します。
HTMLコンテンツがcdnネットワークまたは他のドメインから来ており、リンクのデータとその他のコンテンツのすべての機能を表示したい場合は、ある時点でiframeが適しています.
データを高速にロードし、パフォーマンスを向上させるためには、ajax 機能の方が望ましいと思います。