ちょっと曲がった家

変形地×設計事務所で、思い通りの家を建てました!

はてなブログ:ブログテーマを比べてみた

ブログの表示速度アップのために取り組んでいる画像の圧縮作業が、8割がた終わりました(;^ω^)

ブログの表示速度の改善

ブログの表示速度が非常に遅い事に気付き、大きすぎた画像ファイルを圧縮して軽量化することにしました。。。

toniho.hatenablog.jp

toniho.hatenablog.jp

画像の軽量化だけでは限界

画像の軽量化は表示速度の改善には効果的でしたが、それだけではPage Speed Insight数値はこれ以上改善できそうにない事も見えてきました。。。

webプログラミング素人には、これ以上の大幅な改善は難しいという事で、思い切ってブログテーマを変えてみたらどうか…という結論に達しました。

ブログを書いている人のイラスト

いまのブログは、ブログテーマ「SOHO」をカスタマイズしているので、カスタマイズが少なければもっと軽くなるんじゃないか?と思ったのです。

カスタマイズしやすいテーマ SOHO

ブログテーマをSOHOに変えてからカスタマイズする楽しさに目覚めました(*'ω'*)

  1. フォントの変更
  2. グローバルメニューの設置
  3. 日付やタイトル・見出しのデザインを変更
  4. サイドバーメニューの文字色の変更

誰でも簡単にできるCSSのコピペ技ばかりですが、積もり積もって結構なボリュームになっていました(^^;

ブログのカスタマイズは楽しくてやりがいもあるのですが、プログラム的には重複してることになるんですよね。

手直しが少ないテーマに変える

「ブログは中身!見た目なんて何でもいい」と思う方も多いかもしれないのですが、どうしてもここだけは譲れない所があるんです。。。

私、SOHOのフォントがどうしても好きになれなくて(^^;
顔文字の (*'ω'*) が可愛く見えるフォントじゃないとイヤなんですww

あと、サイドバーメニューの文字色をいじるCSSが結構メンドクサイので、サイドバーメニューのデザインも重要ポイントでした。

軽いテーマはあるのか?

テーマによっても重い軽いがあると聞いたので、私が使いやすい2カラムのタイプでレスポンシブ対応のテーマを中心に表示速度を比べてみました。

比べるといっても、このブログのテーマを次々着替えて表示速度を測った(Page Speed Insightは、時間帯やネットの込み具合などで結果が左右される)だけなので、全く同じ条件で比べたという訳ではありませんので悪しからず(^^;

ブログの表示速度の結果

Afternoon:54

ブログの表示速度の結果

Blank:54

ブログの表示速度の結果

Minial Green:54

ブログの表示速度の結果

Pink Pharmacy:55

ブログの表示速度の結果

レトロポップ:55

ブログの表示速度の結果

シンプル&ブルー:56

ブログの表示速度の結果

Haruni:59
グラデーションが印象的なHaruni、女性的な内容なら使いたいテーマです(*'ω'*)

ブログの表示速度の結果

SOHO:60
今まで使ってたテーマがSOHO、カスタマイズCSSを消したら5点以上改善しました(^^;

ブログの表示速度の結果

Epic:62

ブログの表示速度の結果

オールド・ブルー大根:62

ブログの表示速度の結果

Minimal Blue:63

ブログの表示速度の結果

Report:66

ブログの表示速度の結果

Minimalism:67
さすが一番人気のブログテーマだけありますね^^

ブログの表示速度の結果

薄グレーなテンプレ:67
こちらも軽いブログテーマでした(*'ω'*)

一応この結果をふまえて新しいブログテーマは、54点のBlankにしました。
そんなに良い点数じゃないんだけど、サイドバーをいじらなくて済むので( ̄▽ ̄) 

初めて測った時が34点だったことを思えば、20点もアップしてるので良しとします。。。

関連記事

その後も試行錯誤しています(^^;
良かったらお読みくださいね↓

toniho.hatenablog.jp

toniho.hatenablog.jp