解決済み
Question

JetPackのタイルギャラリーについて

  • いろはに
  • JetPackのタイルギャラリーについてよく使用していたのですが
    開発者ツールで調査するからConsoleのアイコンに赤色の×が表示されています。
    改善方法が分からず、無視でもよろしいでしょうか?

    この内容のエラーが表示されています。
    Refused to apply style from '' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    • Conoha Wing
    • Edge
    • Windows11
    2025/09/17 22:50
  • tsu_

    こんにちは!
    URLと画像ありがとうございます。

    原因切り分けのため、現在有効化されているプラグイン一覧のスクリーンショットを
    いただけますでしょうか?

    特に「ヘッダーやフッターにコードを挿入するプラグイン」や「キャッシュ・最適化系のプラグイン」が有効になっている場合、そこから誤ったコードが出力されている可能性があります。

    お手数おかけしますが、よろしくお願いいたします。

    2025/09/18 18:37
  • いろはに

    よろしくお願いいたします。

    2025/09/18 23:06
  • tsu_

    画像ありがとうございます。

    プラグインの全停止や、1つ1つ停止して変化があるかはご確認いただいていますでしょうか?

    キャッシュ系のプラグインもお使いなので、まだ試されていないようでしたらお願いいたします。
    (W3 Total Cache の Empty All Caches のクリックも検証いただきたいです)

    2025/09/19 22:13
  • いろはに

    プラグインを1個停止→確認→復旧→新たなプラグイン1個停止の手順で
    1個ずつ確認したところ【EWWW Image Optimizer】を停止した際に改善しました。

    W3 Total Cache の Empty All Cachesとはすべてのキャッシュを空にするという認識で合っていますでしょうか?

    2025/09/19 23:14
  • tsu_

    ご検証いただき、ありがとうございます。

    >> W3 Total Cache の Empty All Cachesとはすべてのキャッシュを空にするという認識で合っていますでしょうか?

    こちらについては、その認識で問題ございません。

    よろしくお願いいたします。

    2025/09/20 22:24
  • いろはに

    【EWWW Image Optimizer】を停止した際に改善したんですが、再度【EWWW Image Optimizer】を導入すると同様のエラーが発生しています。
    また、別件にはなるのですが、写真の圧縮やリサイズをすべて行いましたが、LCP の問題: 2.5秒 超(モバイル)が継続しており、
    画像URLを確認すると拡張子が .jpg のままで、WebPへの変換・配信が正しく行われていない可能性があります。
    もしかしたら今回の【EWWW Image Optimizer】件と絡んでいる可能性はありますか?

    2025/09/21 19:08
  • tsu_

    画像のご共有もありがとうございます。

    Jetpackの設定は↓こちらのマニュアルでお伝えしている内容を同じにされていますか?
    https://jinr.jp/manual/jetpack/

    Jetpackでも画像関連の機能はありますので、何かしらが干渉している可能性はあると思います。

    要素が多ければ多いほど検証は複雑になっていくため、W3 Total Cacheを有効化されているのであれば、それを停止させつつ、Jetpackの設定も必要なもの以外はオフにした方がいいかもしれません。

    EWWWの方は、こちらのマニュアルを参考にしながら設定いただいた形でしょうか?
    https://jinr.jp/manual/ewww-image-optimizer/

    2025/09/22 21:33
  • いろはに

    EWWWの方はマニュアルを参考にして設定していたのですが、何かのタイミングで遅延読み込みの設定にチェック入れてしまっていました。
    チェックを解除したところ、Consoleのアイコンに赤色の×のエラーは解決しました。
    ですが、現状もWebPの配信がされていない状況なのでまだ困っております。
    下記のエラーが出ています。
    WebP の配信方法
    WebP ルールは検証されましたが、セルフテストは失敗しました: WebP response failed mime-type test. Purge all caches and try again.

    再度、EWWW無効化→有効化&キャッシュは空にしてみましたが改善しませんでした。

    別件にはなるのですがEWWWの最適化履歴が5,145件ほどあるみたいなんですが、こちらは削除しても問題ないのでしょうか?

    2025/09/22 21:56
  • tsu_

    ご確認ありがとうございます。

    >> 現状もWebPの配信がされていない状況なのでまだ困っております。

    こちら前回お伝えしたJetpackの設定はいかがでしたか?
    まずはJetpackの画像CDNをOFFにした上で検証してみるのがいいと思います。
    (Jetpack設定で「画像の最適化/サイトアクセラレーター」を無効)

    >> 別件にはなるのですがEWWWの最適化履歴が5,145件ほどあるみたいなんですが、こちらは削除しても問題ないのでしょうか?

    問題ありません。
    (再最適化の履歴も消えるため、「どの画像をどの設定で処理したか」を後から確認はできなくなります)

    2025/09/24 11:52
  • いろはに

    WebPの配信されている画像とされていない画像があり、メディアの画像最適化にて【元の画像よりも大きい WebP 画像です】と記載があったところはJPEGとなっていましたがこの場合は問題ない認識でしょうか?

    下記のエラーが出ている状態ですが、ほとんどの画像がWebPに変換されている場合は放置でいいですか?
    WebP の配信方法
    WebP ルールは検証されましたが、セルフテストは失敗しました: WebP response failed mime-type test. Purge all caches and try again.

    2025/09/25 21:38
  • tsu_

    画像ありがとうございます。

    >> ...この場合は問題ない認識でしょうか?

    EWWW Image Optimizerなどで最適化を行った際に、WebPに変換した結果、JPEGよりもファイルサイズが大きくなるなると、WebPに置き換えず、元のJPEGをそのまま配信される場合があります。

    >> ....ほとんどの画像がWebPに変換されている場合は放置でいいですか?

    ほとんどの画像が変換できているとの事なので、問題ないかと思います。

    ご確認よろしくお願いいたします。

    2025/09/26 16:53
  • いろはに

    長々とありがとうございました。

    2025/09/26 22:02
CLOSE