Google PageSpeed Toolsで「画像を最適化する」が消えない

Replicocko
(@replicocko)

7年、 3ヶ月前
EWWW Image Optimizerプラグイン（以下、EWWW）を使用しておりますので、こちらのカテゴリにトピックを作成いたします。フォーラム違いであればご指摘ください。

———————————————-

現在EWWWを使用して画像の圧縮を行っております。圧縮は正常に出来ています。
しかしGoogleのPageSpeed Toolsでチェックしてみると、「画像を最適化する」の項目が消えません。
テーマは自作のテーマを使っており、以下の様にHTMLで出力しています。
```
<div style="background-image: url(<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>);">

<p>テキスト</p>

</div>
```
アイキャッチ画像を背景画像に指定しているのですが、このコードに問題があるのでしょうか。
また、関係ないかも知れませんが、functions.phpのアイキャッチ画像に関する関数は以下の通りに書いています。
```
	add_theme_support( 'post-thumbnails' );
	add_image_size( 'post-related', 295, 154, true);
	add_image_size( 'post-widget', 200, 200, true);
```
解決する上で必要な情報があれば出来る限り公開いたします。
何卒宜しくお願い致します。
- このトピックはReplicockoが7年、 3ヶ月前に変更しました。

15件の返信を表示中 - 1 - 15件目 (全17件中)

1 2 →

CG
(@du-bist-der-lenz)

7年、 3ヶ月前

EWWW Image Optimizerプラグインを使用して画像の圧縮を行っていても、素の画像（アップロードしたオリジナル）を残していませんか。

トピック投稿者 Replicocko
(@replicocko)

7年、 3ヶ月前

ご返信ありがとうございます。

素の画像を残すとはどういった事でしょうか？
メディアライブラリにアップロードした画像を直接圧縮しているわけではないのでしょうか。

アイキャッチに指定した画像のURLを取得しただけでは、圧縮された画像を使っている事にはならないのでしょうか？
kuck1u
(@kuck1u)

7年、 3ヶ月前
素の画像を残すとはどういった事でしょうか？

メディアアップロードにアップロードした画像と、EWWW Image Optimizer で圧縮された画像の2つが存在しているということではないでしょうか。

EWWW Image Optimizer のオプション設定で上書きする設定にしていない場合、EWWW Image Optimizer で圧縮された画像と、メディアアップロードにアップロードした素の画像の2つが存在することになります。この場合、アイキャッチに設定されている画像、記事内で使用さている画像は、圧縮されていない画像を使用している可能性があります。
- この返信は7年、 3ヶ月前にkuck1uが編集しました。
munyagu
(@munyagu)

7年、 3ヶ月前

@kuck1uさん

上書きする設定はどこにあるでしょうか？
時々、EWWW Image Optimizer使うんですが、自動的に上書きになっている気がするんですが・・・

kuck1u
(@kuck1u)

7年、 3ヶ月前

@munyagu さん

EWWW Image Optimizer使うんですが、自動的に上書きになっている気がするんですが・・・

すみません。デフォルトで全ての画像が上書きされていますね。
EWWW Image Optimizer 3.5.1まで「Exclude full-size images from lossy optimization」というオプションがあり、これと勘違いしていました（現在の最新版は3.6.1です）。

munyagu
(@munyagu)

7年、 3ヶ月前

@kuck1uさん

そうでしたか。
設定できるなら、元画像も残すように設定しようと思ってしまいました;)

トピック投稿者 Replicocko
(@replicocko)

7年、 3ヶ月前

EWWWのオプションに、「オリジナルを削除 – 変換が成功した後、サーバーから元の画像を削除します。」という項目があり、ここのチェックが外れていました。
チェックを入れて、アップロードした全ての画像を強制最適化、しかしPageSpeed Toolsで画像最適化のエラーは出続けています。（いくぶんか少なくはなりました。）

キャッシュも削除してからツールを走らせているので、あとはどこに問題があるのか検討が付きません・・・。

CG
(@du-bist-der-lenz)

7年、 3ヶ月前

テーマは自作というので、テーマが使用している画像は対処済みだとは思いますが、「アイキャッチ画像を背景画像に指定している」ということで、テンプレートに組み込まれている画像の扱いになっていませんか。

トピック投稿者 Replicocko
(@replicocko)

7年、 3ヶ月前

確かに「背景画像に指定している画像」以外の画像（人気記事などのサムネイル）のエラーは消えています。
テンプレートに組み込まれている画像扱いになっている可能性が高いかも知れません。この場合はどのように対処すれば良いのでしょうか？

Honda
(@rocketmartue)

7年、 3ヶ月前

EWWWのオプションに、「オリジナルを削除 – 変換が成功した後、サーバーから元の画像を削除します。」という項目があり、ここのチェックが外れていました。

EWWW Image Optimizer は、full サイズの画像もサイズ圧縮しますので、この設定は PageSpeed Tools の結果には関係ありませんよ。

GoogleのPageSpeed Toolsでチェックしてみると、「画像を最適化する」の項目が消えません。

画像の圧縮率の問題ではないですか？（デフォルトは「ロスレス圧縮」です。）
API キーを購入していない場合、「最大ロスレス圧縮」は選択できません。

トピック投稿者 Replicocko
(@replicocko)

7年、 3ヶ月前

APIキーは購入しています。
とりあえず「非可逆圧縮」になっていましたので、「最大ロスレス圧縮」に変更して最適化を再度走らせました。
1000枚近く画像があるため、後ほど結果をご報告いたします。

Honda
(@rocketmartue)

7年、 3ヶ月前

とりあえず「非可逆圧縮」になっていましたので、「最大ロスレス圧縮」に変更して最適化を再度走らせました。

「非可逆圧縮」の方が、「最大ロスレス圧縮」よりも圧縮率は高いのではないですか？
圧縮率の高さは
「最大非可逆圧縮」>「非可逆圧縮」>「最大ロスレス圧縮」>「ロスレス圧縮」>「無圧縮」
になると思うのですが。。
「最大非可逆圧縮」「非可逆圧縮」は、画質が落ちますので使用するかどうかは検討が必要です。

トピック投稿者 Replicocko
(@replicocko)

7年、 3ヶ月前

エラーが出ている画像のいくつかで最大非可逆圧縮を試しましたが、解消されないので、圧縮率の問題ではないのかも知れません。

やはり画像をインラインCSSで背景に指定していることが引っかかっているのでしょうか。

CG
(@du-bist-der-lenz)

7年、 3ヶ月前

背景にしている画像をサーバーから削除して、インラインCSSで背景に指定している箇所も削除してみては、どうです。

munyagu
(@munyagu)

7年、 3ヶ月前

CSSで背景にしているか、imgタグで指定るかはPageSpeedから見ると画像をサーバーから取得することに変わりなく、全く関係がありません。

どちらであろうとChromeが画像サイズを認識するのに、何の違いも無いのと同じです。

そもそも、EWWW Image Optimizerで圧縮したからPageSpeedでOKになるに違いないという前提が間違っているのではないですか？
EWWW Image OptimizerはGoogleが作っているものでもないですし。

以前、PageSpeedで画像サイズを圧縮する様にメッセージが出たのでPhotoshopやWeb上のいろいろなツールで画像が荒くならない限界までファイルサイズを小さくしたことがありましたが、PageSpeedのメッセージが最後まで消えないものもありました。

PageSpeedは一つの目安と考えるのがいいと思います。