FacebookとTwitterのデータがAPIでロードされています

Question

JavaScriptを使用してFacebookやTwitterの情報を取得し、フッターに表示している会社の仕事をしています。問題は、ロード時間が著しく遅くなるこれらのWebサイトからjavascript APIをロードすることです。 Twitter APIは、@repliesとretweetsをフィルタリングするために使用されます。 facebookはlikeboxです。

私が最初からサイトを作っていたら、つぶやきをCMSにインポートし、PHPを使用してリトレーと@repliesを除外します。 htmlがキャッシュされるので、私はこれが最速の解決策であると思います。 Facebookのプロフィール写真の場合、これがCMSによって簡単に手渡されるかどうかわかりません。

しかし、ウェブサイトの構築方法にはPHPなどはありません。私はこれを使用して回避策を探しています。

TwitterにはつぶやきのRSSフィードがありますので、これらのつぶやきをjavascript、filter @replies、retweetsで取得してページに挿入できます。これは現在起こっていることですが、私はTwitter APIなしでそれを行うことができます。

別のオプションは、つぶやきをインポートしてPHPでフィルタリングし、適切な速度でキャッシュするHTMLとして提供するCMSである別のサイトを作成することです。次に、このページをメインサイトのフッターにiframeとともに含めることができます。私はiframeについて悪いことを聞いたことがありますが、私はGoogleマップと広告がそれらに埋め込まれていることを知っており、正しく行われれば問題は生じないようです。

これらのソリューションに問題はありますか？誰かが同じような問題をFacebookのようなfacebookで解決しなければならなかったのですか？

ありがとうございました

Answer 1

iframeは多くの問題を解決できます。 Webデザイナーはスケーラブルではないため、スクリーンリーダーの視覚的な問題やアクセシビリティの問題を引き起こす可能性があるため、避ける傾向があります。

APIを使用せずにボタンのようなFacebookブックだけを追加しようとしていますか？これを行うには、App ID（会社にある可能性が高い）を取得し、クエリ文字列を使用してリンクを作成します。

URLを一覧表示し、変数を作成し、その後、encodeURIComponentで

var FLike=" http://www.facebook.com/dialog/feedredirect_uri=THE_URL&app_id=YOUR_APP_ID&link=THE_URL_YOURE_LINKINGTO&name=TITLE_YOU_WANT_TO_DISPLAY"; document.write(encodeURIComponent(uri)); 

を使用し、（必要に応じ）がポップアップするために、簡単なJavaScript関数を使用し

function Like() 
{ 
window.open("FLike","Facebook","width=700,height=300,toolbar=0,resizable=0"); 
} 

と（画像を持っていますボタンのようなもの）をonClickイベントで呼び出すことができます。あなたの好きなボタンのデザインを使いたくない場合は、これが良い解決策です。