ソーシャルボタンの遅延読み込み

Question

http://googleblog.blogspot.com/のソーシャルボタンがどのようにロードされているかは誰にも分かりますか？ 私はjQueryの経由で非同期的にそれらをロードしようとしましたが、実際のボタンのようなGoogleのブログと比較して少なくとも2つの追加のHTTPリクエストを生成します。

http://connect.facebook.net/en_US/all.js https://apis.google.com/js/plusone.js

Answer 1

Chromeの開発ツールを使用すると、GoogleのブログがそれぞれのソーシャルAPIの読み込みを別々にリクエストしていることがわかります。これはコンソールには表示されないので、document.writeのようなことをしていると思います。

リソースをロードするには、devツール（ctrl + shift + i）を開いて[ネットワーク]タブをクリックします。一番下にスクロールし、ソーシャルボタンの上にマウスを置くと、それらが読み込まれます。 Twitter、Facebook、およびGoogle+からネットワークリソースが読み込まれます。

あなたの非同期アプローチはOKです。私はGoogleがここでどんな魔法を使っているとは思わない。

UPDATE

GoogleはFacebookのall.jsスクリプトをロードする必要がないよう、ボタンのiframeのバージョンを使用しています。以下はFacebook documentationのコードサンプルです。

<iframe src="http://www.facebook.com/plugins/like.php?href=YOUR_URL" 
     scrolling="no" frameborder="0" 
     style="border:none; width:450px; height:80px"></iframe> 

+1ボタンは、文書化されていない技術を使用しているように見えます。

https://plusone.google.com/_/+1/fastbutton?url=YOUR_URL_ENCODED&size=medium&count=true&width=300&annotation=bubble