jquery-oembed-all divにiframeを追加するとページのレンダリングが遅くなります

Question

私はjquery-oembed-allというプラグインを使用しています。プラグインは、サイトに外部URLを動的に埋め込むための埋め込み機能を提供します。

プラグインのoEmbedコンテンツを解決し、次のんのすべての重労働を行います。

oembedContainerが 埋め込まフェッチされた内容を保持するローカルページに動的に生成されたスパンである

oembedContainer.append(oembedData.code); 

とoembedData.codeは実際の内容です が取得されました。

oembedData.codeはiframeでも構いませんが、youtubeやその他の動画コンテンツの通常の場合です。

同じページに多数の動画がある場合、各iframeに負荷がかかり、ページビジーインディシアーターが停止することはありません。すべてのiframeが完全に読み込まれていない限り、ページをスクロールすることは困難です。

私はこの状況をどのように改善できるか、

任意の提案（ええ、彼らはFacebookの。だ）Facebookは、このようなスムーズなUIを提供する方法だろうか？

Answer 1

私はちょうどそれが遅い理由を見るためにコードを見ました。

Youtubeはoembed（see here）のJSONPオプションを提供しません。つまり、ライブラリが直接ブラウザー上にoembedを取得できません。これを回避するためにYQLを使用してOEmbedデータを取得し、それをいくつかのJSONPでラップします。 YQLはデータを返すのに時間がかかります（私が見つけて1〜2秒）ので、多くのリクエストでは時間がかかります。

これには2つの選択肢があります： 1. JSONPを追加するためにYoutubeを入手します。要求されたとおりではないと思われます。公式仕様の一部ではないため、サポートしません。 2.ライブラリをiframeルックアップを使用するように変更してください:) - もっと可能性があります - 単にgithubでチケットを追加すると、私は何ができるのかを見ていきます。

Andrew