本読みライフ

読書ブログをやろうと思って気づいたら迷走している。

はてなブログの表示速度改善を試みたけど

読了予測:3分

結論から言うと、はてなブログでページの表示スピードを上げるのは大変難しい。

特にスマホはどうにもこうにも使用がない。

終わっている…。

でも、いろいろググって自分一人で頑張った結果、GoogleのPageSpeed Insightsでスマホで55、PCで90のスコアを出すことができた。

しかし、これはトップページのスコアであり、各ページになるとかなりこれよりかは落ちる。

惜しむらくは最初に何も対策してなかった時の数値を記録してなかったことでビフォアアフターがわからない。

が、かなり上がったのは間違いないし、自分を褒めてやりたい。

そもそもなぜ改善に取り組むことになったのか

結構な頻度で、グーグルサーチコンソールを見ているのだが、どうしてもインデックスされないページが一つあって、iPhoneを落とした、というエントリーなのだが、これがなぜかわからなくてググったりしたら、ページ速度が遅いのではないかという結論にいたり改善を始めたわけだけど、結果から言うと全然関係ないようだった。

結局、なにが改善に貢献したか

これも結論から書くと、はてなのブログのテーマである。

はてなブログの読み込み速度改善はまずテーマを選ぶところから! | ふーログ

細かいテクニックをいろいろな方が書かれていて、10ページくらい見てやれることはだいたい全てやったが、多分これが一番効いた。

なぜならWordPressと違ってはてなブログはやはり自由度が小さいのでやれることが少なくなる。

そして、テーマこそが唯一、大きくパフォーマンスを向上させると言っても過言ではないのである。

ちなみに今僕が使っているテーマは、Smoothという公式テーマでこれが何故いいかというのは詳細な比較表が載っている以下のサイトで知りました。ありがとうございます。

無料はてなブログが遅いので表示速度を限界まで高速化した - koshishirai

あと他にやったこと

もちろん画像の軽量化ですね。

これはほぼどのサイトでも言われていて、僕は全く意識せずに重い画像をガンガン使っていたのでたぶんいま9つほどエントリーがあるんですけど差し替えるのは大変苦労しましたし、とりあえず軽くはなったけど、まだまだ軽くすることはできると思うんで引き続きやっていきたいとは思ってます。

これも先程のサイトにウェブサービスで軽量化するのもいいけど、Photoshopでやったほうがいろいろ細かくできると書いてあったので、勉強を兼ねて自分はPhotoshopでやっていこうと思っています。

  • あとはそうですねぇ、トップページの一覧の数を1つにしました。
  • 読者になるボタンを公式のやつを外し、HTMLとCSSで作り直しました。
  • はてなスターだけは泣く泣く残しましたけど、その他のSNSのソーシャルパーツを外しました。
  • プロフィールは公式のモジュールを使うのではなくHTMLで自作しました。
  • もちろんはてな公式のヘッダー、フッターはなくしていますし、レスポンシブデザインにチェックを入れています。
  • デザインCSSの設定でPCとスマホの本文の文字サイズを18pxにしています。

と、まぁ、ググっていろいろなところに書いてあったことをいろいろやりましたけど、最初に結論で書いたように、これらは多分あまり関係なくて(画像の軽量化は大いに関係ありそう)、一番はテーマだったように思います。

それにしても

なぜ、9つもエントリーがあるのにそのうちの1つだけがインデックスされないのかさっぱりわかりません。

そして、このブログを開設してはや1ヶ月半が経とうと言うのに、未だに新しいブログを書くとそれを手動でグーグルサーチコンソールにリクエストしてインデックスさせてやらないといけません。

一体いつまでこんな面倒なことをしないといけないのでしょうか?

ほとほと困り果てています…。😭