JavaScriptの非同期とはてなブックマークボタン設置

前々から悩みの種だったサイト高速化プラグイン「Autoptimize」
JavaScriptをひとまとめにしての後ろにしてくれるのはありがたいんだが…そのせいでうまく動かないプラグイン続出。
んで多分これが勝手に更新されていて非アクティブになったり、仕様が変わってFacebookボタンが表示されなくなったり…え~いうっとおしい奴め!と思っておりました。

HTMLやCSSの縮小には便利なんですけどね?
なので上記プラグインのJavaScriptの設定オフ。W3 total cacheというプラグインでJavaScriptの非同期設定してみました。
非同期設定は「HTMLとCSSだけ先読み込んでJavaScript?後や後。」という設定なのでページ内容が表示された後に読み込んでくれるんです。
遅いのは大体JavaScriptが悪いという話になります。いや、本当に。
するとなんと…

早い!!!

無茶苦茶ページの表示速度早いじゃないですか。最初からこうしておけばよかった…
JSファイルをひとまとめにする必要なんてなかったんや…
これでJavaScript使い放題の環境が整いました。コメント欄のカスタム等々も捗りそうです。

んでJavaScriptという遅くなる原因を非同期に出来たので
「じゃぁはてなブックマークボタンも設置してしまおう、そうしよう」
とさくっと設置。
はてなブックマークは一定時間内にいろんなユーザーにブックマークされると、ランキングに載って劇的なアクセスが見込める場合もあるのだとか。
前までは「う~んスマホでの読み込みもあるし2つだけにしておこう」だったのですが、これで絶対必要な3つのソーシャルボタンを設置できました。

まぁこれからもボチボチ改造していきますです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です