ちょっと曲がった家

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

ブログの表示速度改善の成果

これまで取り組んできたブログの表示速度の改善について、とりあえず成果(らしきもの)が感じられたので報告します。

ブログをダイエットした結果

ダイエットのイラスト

ダイエットしたのは画像データです。
写真データなのにPNGファイルだったのを、圧縮したJPEGファイルへ置き換えました。
画像サイズも640×480⇒360×270に縮小。

これで、大きいものだと500KBを越えてた画像が、10分の一以下に軽量化できました^^
画像500KB×3枚の記事=1.5MBが、50KB×3枚=150KB…
画像データの圧縮は必須!ですね(>_<)

Page Speed Insightの測定結果

パソコン:34⇒54~56 (赤点から脱出)
モバイル:37⇒27 (逆に遅くなってる?時間帯のせい??)

課題はモバイル

画像の圧縮で効果を実感できたのは、パソコンの数値のみでした( ;∀;)
なぜスマホでの速度は改善しない(逆に悪化した)のか…?
正直なところ、webプログラマーでない私がモバイルの数値をこれ以上改善するのは、無理だと思いました(^^;

もうひとつのスマホの表示速度測定サイト

Googleが無償で提供しているサービスで、もうひとつスマホに特化した表示速度測定サイトがあるのを知り、そちらでも測定しました。

それが、↓のTest My Siteというサイト

testmysite.withgoogle.com

こちらもURLをコピペするだけで測定してくれる親切なサイトで、分析結果や改善のアドバイスはメールに送ってくれます^^

Test My Siteで測定してみた

ブログテーマ SOHOでカスタマイズしている状態と、容量の大きな画像を圧縮してブログテーマを変えた今の状態で測定してみました。。。

改善前の測定結果

Test My Site測定結果

読み込みに必要な秒数と、離脱率(読み込みに時間がかかって、読まずに閉じちゃう人の割合)まで予想してくれます(;^ω^)

Test My Site測定結

私が驚いたのが、ブログの内容を分析して同業者と比べてどれくらいか…まで教えてくれるところ。
このブログは、家庭・園芸業界に分類されていました(*'ω'*)

改善後の測定結果

Test My Site測定結

13秒⇒6秒に縮まり、判定は「普通」に Q(・∀・)ノ゜サァー!!

Test My Site測定結

5秒を切れば「良好」も夢じゃない!!\(^o^)/

要改善から普通に…

Page Speed Insightは相変わらずダメ出しされてるけど、Test Mt Siteでとりあえず普通になれて一安心…といったところでしょうかww

でもこの結果に気を緩めず、素人でも取り組める改善項目があればどんどん試していこうと思っています(*'ω'*)

SSL化したら大幅に改善されました↓

toniho.hatenablog.jp