html - どのコードが優れているかFacebookのlikebox

Question

作業中のWebページにFacebookのLikeBoxプラグインを配置しています。HTMLとCSSとJavaScriptに基づいて構築されています。

たとえば、読み込み時間を短縮するための3つのオプションがあるため、どのコードを使用するのが最適かを知りたいと思いました。HTML5またはXFBMLまたはIFRAME？よろしければ、よろしくお願いします。ご提案をお聞かせください。ありがとうございました。

Answer 1

HTML5またはXFBMLバージョンを使用している場合は、FacebookのJavaScript SDKをロードする必要があります。これは、コードに直接埋め込まれている外部スクリプトリソースであるため、ページのロード時間にカウントされます。（通常、ロードは非同期で実行されるため、ページの残りの部分のロードが大幅に遅くなることはなく、ロードイベントが遅延することもありません。）

一方、iframeバージョンは、いわば「それ自体で」ロードされます。ページにはiframe要素のコードのみが含まれており、実際のコンテンツを読み込むと、ブラウザによって完全に無関係なページが読み込まれると見なされます。したがって、iframeドキュメントの読み込みにかかる時間（Facebookが「ダウン」または一時的に遅くなる場合）は、自分のページに影響を与えることはなく、読み込みイベントにもなります。

これらの事実にもかかわらず、私は通常、HTML5またはXFBMLバージョンのいずれかを使用します。説明されている要因に基づくのではなく、それらをより「制御」できると感じたためです（たとえば、すぐにアクティブ化しないでください。後でページなどを操作したときにのみ解析するようにします）。

Answer 2

彼らはJavaScriptを使用してXFBML/HTML5を解析し、iframeに変換しています。
したがって、プラグインを表示しているだけの場合は、いずれも機能しますが、HTML5とXFBMLにはより多くのオプションがあります。
たとえば、iframeバージョンの「いいね」ボタンには「送信」ボタンを表示するオプションがありませんが、HTML5とXFBMLにはあります。
また、HTML5 / XFBMLバージョンでは、コールバック関数を設定する機会があります。

したがって、カスタマイズが必要な場合、またはカスタマイズしたい場合は、HTML5とXFBMLの方が適しています。
HTML5またはXFBMLの使用は、完全にあなた次第です。
WebサイトをHTML5でコーディングしていて、マークアップを合法にしたい場合は、HTML5バージョンが適しています。