サイトのページ表示速度はすぐ落ちる!【初心者がやる失敗】

 

サイトのページ表示速度ってSEO対策に超大事なんだよね。
前に測定したらよかったからこのサイトは大丈夫!

 

そんな風に余裕だと思っていたら、いつの間にか速度が落ちていて慌てたはぴこの話。

 

 本記事の内容

・気が付いたらサイト表示速度が落ちていた!
・速度が落ちた原因は?
・楽に直せそうなところだけ直して再測定した結果

 

1回測定して安心、ではダメなんですね。

あっという間に表示速度が悪くなっていて反省です。

 

関連記事

初心者が最初にすべきSEO対策・サイトの表示速度の改善

 

気が付いたらサイト表示速度が落ちていた!

 

サイトのページ速度は、PageSpeed Insights(ページスピードインサイト)という無料のツールで簡単に見ることができます。

Googleアナリティクスでもみられますが、今回はラクチンなPageSpeed Insightsで。

 

 

サイトのURLを貼るだけで測定できます。

⋙PageSpeed Insights

 

 

でもね、先月測定した時は大丈夫だったの!

 

 

当サイトは圧倒的にSEOに強いWPテーマ【ザ・トール】を使っているので、基本的には追加のプラグインは必要ありません。

 

ってことで、調子に乗ってたよね~!

 

画像圧縮くらいしなくても大丈夫でしょ!

 

謎の余裕をかまして、1か月ほどアイキャッチすら圧縮せずに過ごした結果。

 

 

あれっ、微減…!

 

モバイルに至っては

 

 

 

うそ…でしょ…!!

 

こんなことに。

 

ページスピードが落ちた原因は

 

パソコンのページスピード低下の原因

 

 

黄色い四角の部分が問題。画像がちょっと重いよーと言われている。

しかし、微減とは言えscore88は割と優秀なので、大きな問題は出てこなかった。

 

モバイルのページスピード低下の原因

 

 

 

あかーーい!

あかい…真っ赤…これはいったい…

問題は上2つ。

1番の問題の[次世代フォーマットでの画像の配信]をクリックすると、

JPEG 2000、JPEG XR、WebP などの画像フォーマットは、PNG や JPEG より圧縮性能が高く、ダウンロード時間やデータ使用量を抑えることができます。

と出てきました。画像圧縮しなかったのがいけなかったんだね。

2番目の[適切なサイズの画像]もほぼ同じ。モバイルには大きすぎる画像サイズですと。

 

 

楽に直せそうなところだけ直して再測定した結果

 

 

「この画像のサイズがでかいよ!」と言われたものの中から上位7個をTinyPNGで圧縮して貼り換えてみました。

 

画像圧縮後のパソコンのページスピード

 

 

88 ⇒ 90

元に戻りました。

 

画像圧縮後のモバイルのページスピード

 

 

42 ⇒ 63

 

コチラもとりあえずはセーフかな?

もっと上げられないか、色々試してみようと思います。

 

 

まとめ:あとから画像を貼り替えるのは超面倒

 

もうやりたくない。

 

 

 

同時に、画像圧縮のひと手間を惜しんじゃダメなんだなと反省しました。

 

定期的にサイトスピードも測定しないと。

私のような初心者ブロガーの皆さん、同じミスをしないように気を付けて下さいね。

画像かえるの、地味に面倒でした。

 

 

それでは、今回は以上です。

最新情報をチェックしよう!