開設・設定 PR

ブログ速度改善!PageSpeed Insightsの結果を元に手を打ってみる!

記事内に商品プロモーションを含む場合があります



どうも、うにょらーです!(@unyora3)
 

今日も、
手乗りサイズ~子持ちサラリーマンの金策備忘録~
にお越しいただきありがとうございます。
 





今回はブログ速度改善を目指し、取り組んでいることを紹介します!


ブログの速度って気になりませんか?

速度が遅いと、離脱率が高くなったり、そもそも読まれなかったりするらしいですね…

私自身自分のブログを確認中、表示が遅くて

うにょらー
うにょらー
これ、やばいのでは…?


と感じていました。


なんとか少しでも改善しようと思い、手を入れてみたところすこし効果があったのでご紹介します!

 

うにょらー
うにょらー
あなたのブログの速度改善に役立ててみてください!



 
 
 

ブログの速度が遅いと悪いことだらけ





調査結果をみても、明らか…


”Amazonの調査では、ページの表示速度が0.1秒遅くなると、売り上げが1%低下することが明らかになった。

Googleからは、ページの反応が0.5秒遅くなるとアクセス数が20%低下すると発表されている。

さらに米Aberdeen Groupの2008年の調査では、スピードが1秒遅くなるとページビューが11%、コンバージョンが7%、顧客満足度が16%低下することが報告されている。”


引用:Webサイトのレスポンス速度から見るインターネットユーザーの閲覧行動と企業の課題



個人のアフィリエイトブログであっても、トレンドブログであってもいいことは何もなさそうですね…


というわけで、まずは現状を把握するため速度検索の代名詞、

PageSpeed Insights

で確認してみました。



 
 
 

スポンサーリンク

PageSpeed Insightsの結果



ブログ速度改善!PageSpeed Insightsの結果を元に手を打ってみる!

ブログ速度改善!PageSpeed Insightsの結果を元に手を打ってみる!



モバイルの速度は82/100


パソコンの速度は48/100

パソコンが…遅い…!
ここから改善を行っていきます!


改善するため手を打ってみる!






プラグイン

・Imasanity

・EWWW Image Optimizer

・Optimize Database after Deleting Revisions

 

その他

・不要、重くなると噂のプラグイン停止

・サーバー側でコンテンツキャッシュを設定


以下紹介していきます!
※すべて行う前にはバックアップを取ってからにしてください!


スポンサーリンク

プラグイン編


・Imasanity

アップ済みの画像のサイズを見直してくれるプラグイン


アップする写真のサイズを見直さずにアップしていたので、その調整を行うために実施しました!


設定

最大幅:1024

最大の高さ:0

JPG画像品質:90

上記にて実施しました!

 

・EWWW Image Optimizer

アップ済みの画像データを圧縮してくれるプラグイン


画質は落とさずに、圧縮してくれるらしかったので、実施!


設定

基本設定→メタデータ削除にチェック

上記のみ設定し、変換を実行しました!

 

・Optimize Database after Deleting Revisions

レビジョンやキャッシュなどのデータを削除してくれるプラグイン


ページのリライトや更新を行うとデータがどんどん積もってしまって、速度に影響するらしいと見たので実施!


設定
ブログ速度改善!PageSpeed Insightsの結果を元に手を打ってみる!

この設定で、削除を実施しています!
 


スポンサーリンク

その他編


・不要、重くなると噂のプラグイン停止

使っていないプラグインの停止をまずは実施!


人気記事を表示する際に使っていた、
WordPress Popular Posts
が、サイト速度に大きく影響すると見たので、停止!

・サーバー側でコンテンツキャッシュを設定



私の使っているロリポップ!で、

コンテンツキャッシュ

なるものがあったので、実施!


ブログ速度改善!PageSpeed Insightsの結果を元に手を打ってみる!
ブログ速度改善!PageSpeed Insightsの結果を元に手を打ってみる!


なにやら24倍になるとか…


注意点としては、サーバーにキャッシュを保管してから、読者に表示されるそうなので、

ブログを更新したらサーバーのキャッシュを削除

しないと、最新の状態が表示されない可能性が有るらしいです。

 

スポンサーリンク

対策実施後のPageSpeed Insightsの結果









モバイルの速度は84/100


パソコンの速度は70/100

まだパソコンは遅いですが、改善はされました!!

 


 

スポンサーリンク

ブログ速度改善!PageSpeed Insightsの結果を元に手を打ってみる!のまとめ



いかがでしたでしょうか。


今日もまた測ってみましたが、波があるみたいです…
今後も継続して対策していきたいと思います!!

うにょらー
うにょらー
あなたのブログも調べてみてください!
良い改善策が有ったら教えてください!



それでは、以上で


ブログ速度改善!PageSpeed Insightsの結果を元に手を打ってみる!


についてのまとめを終わります。

最後まで読んでいただき、
ありがとうございました!


では!


 

ブログやるなら絶対にロリポップ!
ロリポップじゃないとか大丈夫?
  1. ロリポップ!なら10日間無料で試せる
  2. 高速なハイスピードプランが月額500円から使用可能
  3. ハイスピードプランなら同時アクセス数が無制限!
  4. 契約期間中のプラン変更も差額だけでOK
▼10日間無料お試し実施中!▼
ロリポップ!無料で試してみる

うにょらー
うにょらー
エッ〇〇サーバーとかCONO〇〇WINGとか、調べればわかるけど問題起こりまくりだよ…?

本当に大丈夫?

参考:ロリポップのハイスピードプランを比較!エックスサーバーよりおすすめ