twitterボタンはiframeにするべきっぽい件

ヘッダにtwitterボタンを配置している場合は要注意。

なぜならtwitterはしょちゅう重くなっているからw

このサイトからでは、<a>タグ形式のボタンしか取得できない。

 

http://twitter.com/goodies/tweetbutton

んで、ヘッダなど、htmlの先頭あたりにこのaタグを配置すると、

twitterサーバが重くなっている場合に、画像やjsソースのダウンロードで遅くなってしまい、

つられて自分のサイトの表示まで遅くなってしまうというもの。

 

スタイルシートで工夫して、htmlの最下部にボタンのタグを置くのもいいかもしれないけど、

もっと簡単に対応できる方法がある。

 

表題にあるように、iframeタグを使用する。

実はaタグ形式だけでなく、iframeタグ形式のタグもtwitterから提供されていたりする。

意外に日本語の情報が少なかったりするんだけど。。。

こんな感じ

<iframe allowtransparency=”true” frameborder=”0″ scrolling=”no” style=”border:none; overflow:hidden; width:100px; height:21px;” src=”http://platform.twitter.com/widgets/tweet_button.html?count=none&amp;lang=ja”></iframe>

たいていのブラウザではjsの読み込み中はページ本体の描画も待たされるけど、iframeの読み込みは平行して行われるので

twitterサーバが重くなっている場合であっても、サイト本体の描画が待たされる事はなくなるって訳。

Comments are closed.