InstaWidgetの読み込みが遅いので

(2017.03.01追記)
InstaWidgetの管理人さんから返信もらいました。

@m_uta instawidgetの管理人です。サーバーの負荷的にはまだまだ全然余裕があるんですけどね・・・日本との距離の問題ですかね・・・

— Jun Shimizu (@j_shimizu) 2017年2月28日

今、確認したら遅くない。。。ですね。
ということで、この記事はSnapWidgetにフォローボタンを付けましたということで！

---

これまで写真置き場としてThumblrを使ってたのだけど、いまいち使いこなせていなかったので気分転換にInstagramに乗り換えてみました。
新しいレンズも買ったし良い写真が撮れたらどんどんアップしていきたいと思います！

ブログパーツを追加しよう

さて、Instagramに登録したついでにブログパーツも追加したいと思い、
ちょっと探して、最初に見つけたのがInstaWidget。

登録不要でサクっと作ってペタ。


いい感じにできた。と思って設定を保存したのですが。

しばらくしてブログを覗いてみると、、、やたら読み込みが遅い。
はてなが重いのかな？としばらく様子を見るも変わらず。（他のブログは遅くない）
となると、原因として思い当たるのはInstaWidgetの追加しかありません。
念のためChromeのデベロッパツールで読み込み時のタイムラインを確認したら、予想どおりInstaWidgetの読み込みに時間がかかっていました。

InstagramのブログパーツとしてInstaWidgetを導入してみたのだけど、なにこれ？超絶読み込みが遅いんですが。。。（ブログ全体の読み込みに影響が出る）今の時間帯だけの問題なのか？常にこんなものなのか？

— m_uta (@m_uta) 2017年2月21日

小手先でなんとかしようとしたけど、改善できず。

scriptタグにasync属性付けてたら、ブログ全体の読み込みは早くなった。けど、肝心のInstaWidgetのブログパーツの読み込みに失敗してる。これじゃ意味がないよw

— m_uta (@m_uta) 2017年2月21日

別のブログパーツにしてみよう

なにやらInstaWidgetの公式サイトもやたら重いので、時間帯によっては負荷がかかってるのかな？と思ったりもしましたが。


読み込みが完了するまでの１０秒程度の間、他のブログパーツも固まってしまうのが困りもの。
ということで、早々にInstaWidgetは見限って別のブログパーツを探す旅に出ましたw

次に試したのはSnapWidget。

こちらはアカウントの登録が必要ですが、サクっと作ってペタ。


上出来上出来。

ちょこっとカスタマイズ

SnapWidgetはフォローボタンが無いのが残念という記事をどっかで見たけれど、無ければ作ればいいじゃない^^


こんな感じでどうでしょう？

InstaWidgetのフォローボタンのリンク先を見たら、単にユーザのページに飛ばしてるだけだったので適当にボタン作ってリンク貼っただけです。
ただ、はてなの場合<a>タグでは上手くいかなかったので、JavaScriptでwindow.open(URL, "_blank")としてます。

読み込み問題も解消されたし、あとは写真を撮るだけですね！

(｡･ω･)ﾉｼ