ブログの改善作業

PageSpeed Insightsでブログをチェック!49点からの改善!

ルームドリーマーの点数
記事内に商品プロモーションを含む場合があります

サイトが良い感じか評価してくれるPageSpeed Insightsで、ルームドリーマーのブログをチェックしてみた♪

結果は…赤点!!!

これはまずいということで、このサイトの表示速度を上げるべく、改善策を試してみることに。

この手のことは苦手だ~ぁ(>_<)

PageSpeed Insightsの「圧縮を有効にする」は効果的だった!

まず初めに、明らかに点数が伸びた「圧縮を有効にする」という項目への対策を実施した成果を紹介します。

PageSpeed Insightsで調べてみたこのサイトの評価ですが、もともとはモバイル49点、パソコン61点で、どちらも赤点という状況でした。下の画像がその時の点数です。

サイトの点数

このダブル赤点が、圧縮を有効にするという対策を実施したことで、モバイル61点、パソコン74点にまで改善することができました。

まずは赤点が一つ減ったことが何より嬉しいです(^^)

改善した点数の画像がこれです。

サイトの点数の画像

モバイルで12点アップ、パソコンで13点アップしたこの「圧縮を有効にする」という改善項目ですが、「.htaccess」というところを編集するという、僕がかなり苦手とする作業でした(>_<)

それでも、色々調べながらやってみると、何とか編集までできたので、ひとまず第一項目の改善に成功しました☆

PageSpeed Insights上での点数だけじゃなくて、表示スピードも体感で早くなっている気がします!これは他のブログにも使うべき改善ポイントだと思いました(^^)

PageSpeed Insightsの「縮小系」は微妙だった

続いて試したサイトの速度対策は、

  • CSS を縮小する
  • JavaScript を縮小する
  • HTML を縮小する

という、3つの項目の縮小でした。

写真は撮り忘れましたが、モバイルが54点に下がりました。

モバイルの点数が下がってはお話にならないので、もとに戻して様子見です。

ちなみに、縮小のために使ったプラグインは「Autoptimize」というやつです。

Autoptimizeをおすすめしていたブログでは、20点くらいスコアが上がったと書いてありましたが、僕の場合はちょっと下がったので、う~むです。相性がありそうですね。

他のプラグインで、気になったものがあったらまた試してみようと思います。

PageSpeed Insightsの「ブラウザのキャッシュを活用する」はやってみて正解!

「ブラウザのキャッシュを活用する」という速度改善は、モバイルの点数を61点から64点にあげてくれました☆

サイトの点数の画像

パソコンは73点ですが、モバイル表示がよくなって欲しいので、パソコンはあまり気にしないように決めました。

圧倒的にモバイルのアクセスというか、需要が多いですからね(+_+)

PageSpeed Insightsで高得点をとるために、次回やってみたいこと

今日はここまで!

PageSpeed Insightsで、初期のブログの評価を調べた時のモバイル49点に比べたら、同じ赤点でも64点なので、かなりマシになりました。

今日試したこと以外で、もう少し挑戦してみたいことは…

  • 画像を最適化する
  • 縮小系のリベンジ
  • スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する

の3項目!

一つでも効果的な対策ができれば、モバイルで赤点卒業できるハズ!

今日は疲れたのでここまでです(+_+)

追記

AMP化は一旦解除して、ATLASのテーマで速度アップを目指しています(^^)

追記

何もせずに丸1日が過ぎて、なんとなくチェックしてみたところ、かなり点数が上がってました!

モバイルの評価のキャプチャ

前回が64点だったので10点アップです!かなり嬉しい誤算!!!

なにか速度対策をした後は、しばらく様子をいてから効果を判断するほうが良いのかもしれませんね(^^)

発見♪

スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除するをやってみた♪

「スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する」という、結構面倒くさいことをやってみました。

結論としては、「Head Cleaner」というプラグインを使うというものでした。

ネットで色々調べながらHead Cleanerを使ってみたところ、ルームドリーマーの点数は…

マネーケーキの点数

ジャスト80点になりました!!!(パチパチパチ☆)

ここまで来たら、もう満足なので、これ以上はまた機会があったら手を加えてみたいと思います(^^)/

追記1

「Head Cleaner」を使ったところ、サイトのデザインが崩れたので、今はHead Cleanerを使っていません。点数は65点前後をうろうろしています( ;∀;)

 

追記2

その後、とくに何かを変更することもなく、ただ時間がたっていますが、だいたい80点前後で落ち着いている感じです☆

80点を超えて嬉しい画面

なんだかんだで大満足中です♪