PageSpeed Insight で「画像を最適化する」がなかなか消えない……

 

これまでに画像を圧縮して、テーマに最適な画像サイズになるようにテーマを調整して、それでもPageSpeed Insightの「画像を最適化する」アラートが消えない。よくよく見てみると、原因はWordPress Popular Posts のサムネイル画像らしい。EWWW Image Optimizerでちゃんと圧縮しているはずなのになぜ……?

wpp-thumbnail-compression-01

そんなわけで今回は、WordPress Popular Posts のサムネイル画像を圧縮して、ページを高速化するために EWWW Image Optimizer の設定を調整したってお話です。調査の履歴も残しているので、方法だけ知りたいって人は「EWWW Image Optimizerのフォルダ指定について」までスキップしてください。

 

対策前のスピードテストの結果

まずはWordPress高速化カテゴリ恒例の、前回までの施策によるスピードテストの結果から。

PageSpeed Insightのモバイルは50点。

optimal-thumbnail-size-14

パソコンは59点。

optimal-thumbnail-size-15

GTmetrixは、C78%/C70%、ロードタイムは4.5秒、ページサイズは1.66MBとなっています。

optimal-thumbnail-size-16

 

スポンサーリンク

圧縮してると思ったらしてなかったサムネイル画像

まずは原因を探るべく、EWWW Image Optimizer の一括画像圧縮をしてみる。(EWWWは日本語化したものを利用中)だが、もちろんのことながら既に圧縮済みのため、「以前の最適化」としか表示されない。

wpp-thumbnail-compression-02

すべての圧縮が終わった段階で、ページ内検索でfeatured(WPPのサムネイルに必ず付く文字列)」を探してみると、見つからない?

wpp-thumbnail-compression-03

どうやら、そもそも圧縮されていなかった模様……。よくよく考えると、今回の画像はメディアライブラリ内の画像ではなく、プラグインが独自に作成した画像だった!ということで今度は「他の全てを最適化」をクリックしてみる。

wpp-thumbnail-compression-04

「最適化できる画像はありません。」なぜに?

wpp-thumbnail-compression-05

 

スポンサーリンク

EWWW Image Optimizerのフォルダ指定について

ここでふと思い出したのが、EWWW Image Optimizer の詳細設定画面に、たしかフォルダを指定する場所が有ったような……?

早速、WordPressのサイドメニューから「設定」→「EWWW Image Optimizer」

wpp-thumbnail-compression-06

「詳細設定」をクリック

wpp-thumbnail-compression-07

少し下の方にスクロールすると……。フォルダの指定場所を発見!!

wpp-thumbnail-compression-08

「相対パスを指定」とのことなので、記載のURLに加えて「/uploads/wordpress-popular-posts」と入力して保存

wpp-thumbnail-compression-09

もう一度、「他の全てを最適化」をクリックしてみると……。成功!!

wpp-thumbnail-compression-10

 

対策の結果PageSpeed Insight の数値は?

モバイルは50点のまま。

wpp-thumbnail-compression-11

パソコンは59点→60点。

wpp-thumbnail-compression-12

GTmetrixは、C78%→79%/C70%、ロードタイムは4.5秒→4.2秒、ページサイズは1.66MB→1.75MB(!?)となっています。

wpp-thumbnail-compression-13

なんでページサイズ増えたし!?と思ったけど、AdSenseやってると読み込む広告画像によって変わりますよね……。数値比較が難しい。

 

TSUNJI(@tsunji1983)的まとめ

今回は、PageSpeed Insightのアラートに従ってWordPress Popular Posts のサムネイル画像を圧縮してみました。もともとの画像サイズが小さく、そこまで数値に変更は出ませんでしたが、アラートは出なくなりました。

wpp-thumbnail-compression-14

(Facebookページの画像が引き続きアラートが出てますが、さすがに外部サービスについては対応しきれないので断念……)

ほんのすこしずつの改善ではありますが、少しでも使いやすいブログを目指して頑張りましょう。まずは可能な限りページサイズの縮小を進めてから、キャプチャ系のプラグインのテストに移っていきたいと思います。

 

以上、TSUNJI(@tsunji1983)でした。