新型はてなブックマークボタンを速くする

遅い原因も調べてますがとりあえずその辺は後述ということで、先に新型はてブボタンの動作を速くする方法から書いていきます。 まずはてブのボタン配信ページから貼り付けコードを取得します。こんな感じの HTML スニペットがもらえると思います。 <a href="http://b.hatena.ne.jp/entry/http://sakuratan.biz" class="hatena-bookmark-button" data-hatena-bookmark-title="さくらたんどっとびーず" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリ

[glat_design]

設置するとき読もう

[kurumigi]

『新型ボタンで使ってる JavaScript の配信サーバ b.st-hatena.com の応答がたまに遅い』『ブロッキングが発生し、数秒間ページ表示が止まったように』

[kanmatsuura]

test

[kandasu]

test

[o_hiroyuki]

はてブボタンを速くする

[i196]

運営側で何とかすべき問題とは思うけど

[mino90]

複数貼ったら.js何回も読みにいくじゃんっては思ってた。

[d_akatsuka]

自分のブログにも設置しているのでメモ

[uk-ar]

何で遅いの？ と、先に対処方法から説明しましたが、ここからは何で遅いかについて。 とりあえずどこで時間がかかってるのか把握する必要があるので、Firebug とニラメッコしながら新型はてブボタンを何度かリロードし

[solidstatesociety]

新型は右上の閉じる「×」のところにアイコンがあって不便なんですよ。

[plutonium]

ブログに「はてブボタン」をつけたい人へ。自分の場合サイトのチェックにはChromeのはてブ拡張を使ってて、あんまりボタンを使ったことってないな。

[riywo]

なるほどー。JSって読まれちゃうから恥ずかしいなぁ。

[thesecret3]

あまりに遅いので既に作ってるサイトから罵詈雑言とともにはずしてしまったよ。。

[tkawa]

どうでもいいけどスクリーンショットが欧文書体だけガタガタってどんな環境よ

[mame-tanuki]

改良の違いを体感できるように、記事中に「新型」と「新型改」のボタンを２つ並べてみて欲しかったり／jkondoがブクマしてるので何らかの公式対応が期待できる？

[KeitaUtsuda]

新はてブボタンの読み込み時ページ表示の遅延を解消する方法。

[ecochimaki2]

ためしてみよう

[hama_shun]

調べたい

[jkondo]

遅い原因

[kimidorikinoko]

高速

[hitode909]

このスニペットでは script タグに async 属性を指定してますが、async 属性は実行が非同期になるだけで、JavaScript ファイルの読み込みに対してはブロッキングが発生します。

[takeodon]

Twitterのボタンよりはだいぶ速い気がするけど試してみる

[drakontia]

これは対処が必要だ！

[kojika17]

確かに重かったです。。。今からやる。| 新型はてなブックマークボタンを速くする | さくらたんどっとびーず

[suginoy]

「setInterval で class=”hatena-bookmark-button” を持つ a タグに iframe を足す処理をポーリングしているのが分かりました」

[karatte]

ほほう新しいブクマボタンとな…と思ったら去年リリースしてんのか！　全ッ然気づかなかったわアハハ。

[t32k]

確かに。"ブラクラかと思うぐらいに新型はてブボタンが遅かったので"