ヘッダにtwitterボタンを配置している場合は要注意。
なぜならtwitterはしょちゅう重くなっているからｗ
このサイトからでは、<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&lang=ja”></iframe>
たいていのブラウザではjsの読み込み中はページ本体の描画も待たされるけど、iframeの読み込みは平行して行われるので
twitterサーバが重くなっている場合であっても、サイト本体の描画が待たされる事はなくなるって訳。
Comments are closed.