以前に、
スポンサーリンク
ページ表示速度について投稿しました。
ですが、
上記リンク先内容の事も言えるかもしれませんが、
Googleさんからメール等が…。
そこで、
≫PageSpeed Insights
にて、
再度分析してみました。
すると、
最初は、
Syntaxhighlighterの各コード対応のスクリプト毎に読み込まれていたので、
二桁の非同期化のお薦めがありました。
しかし、
ひとつひとつを非同期化にするとIEでは表示は問題ないのですが、
Chromeでは、
Syntaxhighlighterが動作しませんでした。
また、
各コード毎のスクリプトをすべてまとめて1つのファイルにして、
外部ファイル化しました。
そして、
その外部化したファイルを読み込むようにすれば、
複数あった同期読み込みが1つのみになります。
参考サイト)
≫JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法 | 海外SEO情報ブログ
Syntaxhighlighterに関しては、
この対応のみにしておきます。
その他、
BloggerブログにおけるJavaScriptの非同期化コードは以下です。
<script async='async' src="該当のjsファイルURL"></script>
Bloggerにおけるコツは、
async='async'
とすることです。
トップページの分析結果においては、
9点高くなりました。
個別ページにおいては、
(個別ページにもよる)
5点高くなりました。
まとめ
何度か試しに表示確認してみしたが、
これで問題なく、
トップページも個別ページも非同期モードにて、
正常表示されました。
他にも、
方法はあるかと思いますが、
一番簡単な方法ではないでしょうか。