ローカルのxamppで開発していると、facebookの「いいね!」を表示するjavascriptが異様に遅くなりましたorz。CSSを調整していると、いいねボタンの読み込みで止まってしまいCSSの調整ができないぐらい遅い。「おそいいね!」と皮肉を言いたくなるレベル><
とりあえず検索してみると、javascriptの非同期読み込みをONにすると早くなるらしい。 js.async = true;とやらを加えると非同期読み込みになるとか。
編集前
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
編集後
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.async = true; js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
と追加してみましたが、ローカルxamppという特殊な環境のせいか速くならなかったです。一時的にfacebookが重いだけなのかもしれませんが。ちょっと様子見て、このまま遅いのが続くならいいねボタンはずそうかとちょっと考えてます。
たった一言で「いいね!」ボタンが爆速に!全ブロガーに必須の呪文。iPhone 研究室 | iPhone 研究室さんの記事を参考にしました。