前に測定したらよかったからこのサイトは大丈夫！
そんな風に余裕だと思っていたら、いつの間にか速度が落ちていて慌てたはぴこの話。
✔ 本記事の内容
・速度が落ちた原因は？
・楽に直せそうなところだけ直して再測定した結果
1回測定して安心、ではダメなんですね。
あっという間に表示速度が悪くなっていて反省です。
関連記事
気が付いたらサイト表示速度が落ちていた！
サイトのページ速度は、PageSpeed Insights（ページスピードインサイト）という無料のツールで簡単に見ることができます。
Googleアナリティクスでもみられますが、今回はラクチンなPageSpeed Insightsで。
サイトのURLを貼るだけで測定できます。
でもね、先月測定した時は大丈夫だったの！
当サイトは圧倒的にSEOに強いWPテーマ【ザ・トール】を使っているので、基本的には追加のプラグインは必要ありません。
ってことで、調子に乗ってたよね～！
謎の余裕をかまして、１か月ほどアイキャッチすら圧縮せずに過ごした結果。
モバイルに至っては
こんなことに。
ページスピードが落ちた原因は
パソコンのページスピード低下の原因
黄色い四角■の部分が問題。画像がちょっと重いよーと言われている。
しかし、微減とは言えscore88は割と優秀なので、大きな問題は出てこなかった。
モバイルのページスピード低下の原因
あかーーい！
問題は上２つ。
1番の問題の[次世代フォーマットでの画像の配信]をクリックすると、
JPEG 2000、JPEG XR、WebP などの画像フォーマットは、PNG や JPEG より圧縮性能が高く、ダウンロード時間やデータ使用量を抑えることができます。
と出てきました。画像圧縮しなかったのがいけなかったんだね。
2番目の[適切なサイズの画像]もほぼ同じ。モバイルには大きすぎる画像サイズですと。
楽に直せそうなところだけ直して再測定した結果
「この画像のサイズがでかいよ！」と言われたものの中から上位７個をTinyPNGで圧縮して貼り換えてみました。
画像圧縮後のパソコンのページスピード
88 ⇒ 90
元に戻りました。
画像圧縮後のモバイルのページスピード
42 ⇒ 63
コチラもとりあえずはセーフかな？
もっと上げられないか、色々試してみようと思います。
まとめ：あとから画像を貼り替えるのは超面倒
同時に、画像圧縮のひと手間を惜しんじゃダメなんだなと反省しました。
定期的にサイトスピードも測定しないと。
私のような初心者ブロガーの皆さん、同じミスをしないように気を付けて下さいね。
画像かえるの、地味に面倒でした。
それでは、今回は以上です。
