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

画像がでない
画像がでない


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

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

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

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

画像がでない
画像がでない

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

FFR
FFR

なんだ?このダサいサイトは?

画像のリンクを調べる

画像がでない
画像がでない

画像のURLを調べてみました。

リンク切れ: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 が勝手に付いている!

FFR
FFR

xpagespeed?これが問題?

XPageSpeed

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

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

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

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

XPageSpeed設定項目

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

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

これで、

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

簡単です。



で!

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

しか~し、これをすべてONにしたとたん

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

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

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

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

XPageSpeed設定を1つずつOFFにして確認することにしてみました。

結局、すべてOFFにして、

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

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

さいごに

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

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

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


あわせて読みたい

【COCOON】おすすめカードを表示させる方法
Cocoon このブログは、無料WordPressテーマ「Cocoon」を使っています。 エックスサーバーと業務提携しているCocoonは、アップデートも早く常に最新を使えるのでお勧めです。 COCOONでは、ヘッダー下におすすめ記事(リン...

【WordPress】ワードプレスにログインできない画面がでない問題→簡単解決!
404 NOT FOUND WordpPressログイン画面が急に出なくなりログインすることができなくなりました。 う~ん…。 WordPressにログインできない このブログ(日豪ライフ)は、WordPressを使っています。 今、オース...

AdSense サイト運営者向けポリシー違反レポートが年末年始に届く
AdSense サイト運営者向けポリシー違反レポート 「AdSense サイト運営者向けポリシー違反レポート」が年末年始の挨拶のように届きました。どきっ!違反!? AdSense サイト運営者向けポリシー違反レポート AdSense サイト...

【Cocoon】スタイル使い方 標準装飾一覧
Cocoon このブログは、Wordpress テーマのCocoon(無料)を使っています。(現在、過去記事を修正中なので見難い箇所があります。) CSS不要で簡単に使えるCocoon標準装飾一覧です。 使い方 基本の使い方は、装飾したい部...

【ブログ村 新着記事】でない・反映されない時の解決方法
にほんブログ村 ランキングに登録しています。 でも、新着記事が出ていません・・・ (adsbygoogle = window.adsbygoogle || []).push({}); 新着記事がブログ村に表示されない問題 せっかく記事を書い...
タイトルとURLをコピーしました