WordPressで画像が表示されない原因。プラグインの相性?テーマの問題?

IT初心者

当サイトのスピード

当サイトをGoogleのPageSpeedInsightsで測定したところ、上記のような悲惨な数字を叩き出しました。

Lazy Roadの場合

なんとかスピードアップできないかと調べてみたところ、「Lazy Road」というプラグインが効果的という記事を多数見ました。
画面をスクロールするまで、見えていない部分の画像読み込みを遅らせる機能があり、閲覧者へのストレスを減らすことができ、検索エンジンの高評価にもつながるということでした。
「それならば……」と、早速、インストールして「有効化」してみました。
すると、スマホでサイトを見るときはなんともなかったのですが、パソコンでサイトを見ると、なぜか画像のほとんどが表示されないという状態で、スクロールするまで遅らせるどころか、スクロールしても真っ白……
しかも、アドセンス広告やアイキャッチ画像も表示されませんでした。

Jetpackを設定しなおしました。

ページの「再読み込み(リロード)」をかけてみたりもしたのですが、どうしても表示されません。
再び、いろいろ調べてみたのですが、どうやらWordPressの標準装備と言っていいプラグインの「Jetpack」と、導入した「Lazy Road」には似たような機能があって、相性が悪いということがわかりました。
まず、「Lazy Road」の方を停止してみました。
しかし、症状は変わりません。
そこで、今度は「JetPack」にある画像関係の設定を確認しました。
「設定」→「パフォーマンス」という箇所を確認すると、以下のような画面があります。

一番下の「画像の遅延読み込みを有効にする」というところが、どうやら「Lazy Road」と機能が重なるようでした。
この機能を「無効」にしたところ、画像は元通り表示されるようになりました。
さらに、この「Jetpack」側の機能を停めてから、「Lazy Road」を「有効化」したところ、画像の遅延読み込みが正常に行われました。
なお、「サイトアクセラレーターを有効化」の部分は、「有効」にしておいても今のところ問題なく作動しています。

プラグインの相性問題だった?

どっちのプラグインが悪いとかいう問題ではなく、相性が悪いということだと思います。
私の場合はたまたま「Jetpack」側を停止したらうまく行きましたが、もしかするとサイトによっては「Lazy Road」側を停止する方がうまくいくかもしれません。
もし、サイトに画像がうまく表示されず、困っておられる方がいたら、参考にしてみてください。

cocoonのテーマの問題?

上記の設定で一旦は表示が元に戻ったのですが、別サイトをいじっていると、突然、画像が全部消える現象に襲われました。
そちらは「Jetpack」を導入していないサイトです。
プラグインを停止したり、できるかぎりの設定をしてみたのですが、どうしても表示されません。
そこで、もしやテーマの問題ではないかと考えました。
当サイトは無料の高性能テーマ「cocoon」を利用しています。
なので、「cocoon 画像 表示されない」というキーワードで検索してみると、cocoon公式サイトで以下のように開発者のわいひらさんが回答されていました。

親テーマの有効化?
cocoonをインストールした際にしていなかったっけ?
と思いながらも、ダッシュボードの「外観」→「テーマ」と進みました。
以下の画面です。

今は有効化されていますが、それまではcocoonの子テーマ、「Cocoon Child」の方しか有効化していませんでした。
そこで親テーマを有効化してみると……見事、消えていた画像がすべて表示されるようになりました。
アイキャッチ画像だけでなく、投稿記事内の写真もすべて表示されました。
他のサイトでは特に不具合が起こっていないので、なぜこうなるのかはわかりませんが、とりあえず、復旧したので良しとしました。
ただし、親テーマを有効化したことで、いくつかのcocoon設定がデフォルトに戻っていました。
タイトル下のキャッチフレーズの位置が変わっていたり、アドセンス広告関係の表示位置が変わっていたり……
この方法で表示問題が解決した場合、必ずcocoon設定を確認してください。

コメント

タイトルとURLをコピーしました