【エックスサーバー】高速化で画像が表示されなくなってしまった！

このサイトで一部の画像が表示されなくなってしまいました。

結論から言うと、直りました。

同じトラブルが起きている方のお役に立てれば幸いです。

画像が表示されない、空白、リンク切れ

サイト内の一部の画像が、ところどころ出ません。
リロード（再読み込み）をすると、表示されます。

画像のリンクを調べる

画像のＵＲＬを調べてみました。

リンク切れ：https://fromau.net/wp/wp-content/uploads/2023/10/xIMG-0465.jpg.pagespeed.ic.1zVtADjrX0.webp

本来の画像：https://fromau.net/wp/wp-content/uploads/2023/10/IMG-0465.jpg

xと.pagespeed.ic.1zVtADjrX0.webp　が勝手に付いている！

XPageSpeed

「XPageSpeed（エックスページスピード）」機能とは
Google社によって開発された拡張モジュール「PageSpeed Module」をもとに、
エックスサーバーが開発したWebサイトデータを最適化する機能です。

Webサイトの読み込み速度が向上し、Google PageSpeed Insights（ページスピードインサイト）のスコアも最大で264％に向上、SEO対策としても効果が期待されます。

去年できたエックスサーバーの新機能です。

今更ですが、2日前にXPageSpeed設定を行いましたｗ

XPageSpeed設定項目

・画像最適化
・画像遅延読み込み
・CSS最適化
・CSS遅延読み込み
・JavaScript最適化
・JavaScript遅延読み込み

設定をＯＮにするだけです。
エックスサーバーの管理画面にログインし、XPageSpeed設定すべてＯＮ！

これで、

最大で264％に向上、SEO対策としても効果が期待される
というものです。

簡単です。

で！

一部の画像が表示されない！

しか～し、これをすべてＯＮにしたとたん

・一部の画像が表示されない。
・ブログカードの画像がでない。
・リロード（再読み込み）すると表示される。

サイト内の一部画像が表示されたりされなかったり、ボロボロなサイトになってしまったのです。

スマートフォンでは画像が出ていました。
パソコンだけなぜか出ない。

別のブラウザでも試しましたが、やはり同じで一部の画像が出たり出なかったり。
リロード（再読み込み）しても表示されない時もありました。

XPageSpeed設定を１つずつＯＦＦにして確認することにしてみました。

結局、すべてＯＦＦにして、

画像は途切れることなく表示されるようになったという・・・。

最大で264％に向上、SEO対策としても効果期待もあっさり消えました。

さいごに

修復できてよかったです。スピードが出ても画像がでないとやはり困ります。
こうした機能を使う場合、注意した方がいいですね。

WordPressのテーマや他のプラグインがうまく合わずトラブルを引き起こしたのかもしれません。

まだまだ、このサイトは問題多いんですけどね。メンテナンス面倒くさいわ～。

あわせて読みたい