9月25日『誰もみていない空日記』
今週の空日記へ

ブログの表示速度を改善するため、はてなブログのテーマを比較しました

スポンサーリンク

ブログに命を燃やしています!
どうも、あみさかです

 

今までに、ブログの表示速度を改善し少しでも早くしようと

  • 画像のサイズを小さくする
  • サイドバーのアドセンス広告を外す
  • はてなスターを非表示にする
  • 余分なコードを削除する

などの対策を行ってきました。

 

ただ、当ブログの表示速度は少しだけ改善されただけです。

というわけで、今回はこれまであまり意識していなかったブログテーマを変えてみることにしました。

はてなブログのテーマは「デザイン」から簡単に変更できるため、変更しようと思えばすぐにテーマを入れ替えることができます。

 

表示速度を上げるためには「はてなブログ」から「Wordpress」に乗り換えるというのも一つの手かもしれませんが、まだはてなブログで頑張ろうと思っています。

(ワードプレスブログに乗り換え、表示速度が大幅に改善されました)

 

今回は表示速度の変化を見るために、Googleの「ページスピードインサイト」で見比べていこうと思います。

PageSpeed Insights

 

ただ、その表示速度の数値の結果はネットやサイトの混雑具合などでブレが出てしまうため、あくまでも参考程度です。

本当に大切なのは「改善できる項目」などの最適化の方法です。

 

サイトの表示速度を上げるためにしなければいけないことを可視化してくれるため、その点を改善していく必要があります。

 

もちろん、今回使用するのはこのような0~100までで表されるサイトの表示速度です。

この図が何を表しているのかというと、100段階の中で

  • 赤色になっている「0~49」が表示速度が遅い
  • 黄色になっている「50~89」が表示速度が普通
  • 緑色になっている「90~100」が表示速度が速い

という感じです。

 

目標は、モバイルサイトの表示速度を黄色(50以上)にすることです

当ブログの9割近くの流入がスマホからとなっているため、スマホでの表示速度を上げることはとても重要だと考えています。

 

スポンサーリンク

以前設定してた「Stripe」の表示速度

パソコンは63・モバイル(スマホ)では30というスコアになりました。

ちなみに、この画質が非常に粗いサイトはページスピードインサイトのスコアと一緒に表示されるものです。

「Stripe」は大体こんな感じのデザインのテーマです。

特にカスタマイズもしていません。

 

はてなブログにおいて、モバイルでの表示速度のスコアが50を超えるということは結構難しいようなので、まあこんなもんでしょう。可もなく不可もなくという感じです。

それに、このページスピードインサイトは数値にブレが出てしまうため分析するたびに変わってしまうこともあります。

 

シンプルなデザインのテーマ「SOHO」

結構人気なテーマのようです。

パソコンは63・モバイルでは37というスコアになりました。

パソコンのスコアは前のテーマと同じ63でした。

ただ、モバイルは37とやや表示速度が速めという結果が出ました。

あまり色が多いテーマよりも、白っぽいデザインのテーマの方がやはり表示速度が速めという結果になりますね。

 

はてなブログで人気の軽くてシンプルなテーマ「Minimalism」

パソコンは3回とも変わらず63・モバイルでは36とそこそこのスコアです。

「Minimalism」というテーマはデザインを最小限に抑えてあり、表示速度が速いというのが最大のメリットということでしたが、今回の計測では思っていたより良いスコアになりませんでした。

 

最初にも書いたように、結果にブレが出てしまうため仕方ありませんね。

数回測って平均してみれば、このテーマが一番良いスコアになるのでしょう。

 

デザインが気に入ったテーマを選びました

結局、今回の表示速度の計測ではあまり大きな差が出なかったため、デザインが気に入った「SOHO」を当ブログのテーマ(デザイン)にすることにしました

ただ、これからも新しいテーマがどんどん出てくると思うのでずっと使い続けるということはないでしょう。

その時の気分でテーマを変えてしまうので…

 

そして、今回の目標としていたモバイルでの表示速度を50以上のスコアにするということは叶いませんでした。

テーマを変えたことによって大きく表示速度が改善されるということはないのでしょう。

これでは物足りないので、サイドバーを少し整理してみましたがなかなか表示速度は上がってくれません。

表示速度を改善するためまた別の方法を探して、少しずつでもサイトの高速化をしていきたいと思います。

 

それでは、今日がかけがえのない日となりますように…

 

コメント

  1. carp-toyo より:

    だいぶ前に書かれてましたが、確かにはてなスターを外すとだいぶ早くなりますね。多くの読者のアイコン画像が圧縮せずそのままだからかも…

  2. solodays より:

    id:carp-toyo
    言われてみれば、確かに読者アイコンの画像が圧縮された画像であればそこまで大きく影響が出ないことになりますね。
    僕のアイコンも圧縮していなかったため、修正させていただきました。
    コメントありがとうございます。

  3. carp-toyo より:

    いえいえ、色々とやって「これかも」って思っただけで自分も最近圧縮しました。ただ、ちょうど月末で契約も終わるし、ワードプレスに移行しようかなとも考えてますが…

  4. solodays より:

    id:carp-toyo
    はてなブログよりもワードプレスの方がカスタマイズの幅も広がるので、やっぱり魅力がありますよね。もちろん表示速度も速くできるはずですし。
    最初は気軽に始められるはてなブログを選びましたけど、長期的にブログを続けるとなるとワードプレスの方が良いと思います。
    僕も契約が終わるタイミングで乗り換えようと考えています。
    これからも引き続き頑張りましょう!

  5. carp-toyo より:

    そうですね。
    ワードプレスに取り組む時点で一段「敷居が高い」ぶん、メディア運営に関してしっかりと勉強されている方が多い印象です。
    頑張りましょう^_^

タイトルとURLをコピーしました