PageSpeed Insights計測、適切なサイズの画像を探して投稿へ戻す方法

PageSpeed Insightsで計測後、改善できる項目の中に、『適切なサイズの画像』が表示される場合があります。

改善を行う必要があるので、画像を探して圧縮し画像を投稿画面へ戻す事になります。

では画像はどこにあるの？

どうやって戻すの？

簡単そうでも、わかりにくかったので画像付きで説明していきます。

 

PageSpeed Insightsで計測

PageSpeed Insightsで計測してみましょう。

計測の結果はサイトによって改善できる項目は異なります、

今回のテーマは画像を改善して投稿画面へ戻す事です。

 

 

適切なサイズの画像を確認する

改善できる項目、適切なサイズの画像を探す

画像URLを確認

ワードプレスから画像を探す

1、メディア

2、ライブラリー

3、画像のURLを貼り付け検索

4、指定した画像が検索されている事を確認後（圧縮前）

 

画像を改善して投稿画面へ戻す

画像を改善

4-1、画像が確認できたら、ワードプレスからデスクトップに移動します

5、画像を無料WEBサイトで画像を圧縮させます
→こちらで解説しています

投稿画面へ戻す

6、画像を圧縮して最適化後（圧縮後）、
ワードプレスにアップロードしますが
その前に7を実行すること

画像アップロード

画像の圧縮を終えたらワードプレスにアップロードしますがその前に、

適切なサイズの画像-06の7番で元の画像を画像を削除することを忘れないないでください。

一度そのままでデスクトップからワードプレスメディアに移動して見ましたが反応がありませんでした。

ワードプレスで他の方法があればそれで良いと思いますが、
とりあえず削除してから新しく圧縮した画像をアップロードしました、問題なしです。

7、7の所に完全削除があります、削除してください

PageSpeed Insightsで確認する

1枚の画像の最適化でも慣れないと時間がかかります、私の場合は5枚の画像がPageSpeed Insightsで改善が必要となっていました。

『ワードプレスDiver高速化 PageSpeed - 適切なサイズの画像にする』で、5回繰り返しで改善されるのであれば多少の時間のロスは短いと思います。

 

PageSpeed Insightsで1枚の画像を圧縮して2ポイントアップです。

スピードアップで数値が小さいのか大きいのか判断基準の1つとしてください。

 

モバイルが上がればPCのスコアも上がりますね。

 

まとめ

適切なサイズの画像の改善は思ったより簡単にできたと思います。

もう一度確認してみましょう。

pagespeed insightsの判定結果で改善できる項目は早めに対策する事です。

その中でも初心者レベルでも早急に改善できるのは画像です、今すぐ試してスコアアップしてください。

 

参考として現時点のスコア！