解決に至るまで3日かかってしまいましたが…、
自分のブログでいきなり画像が全て表示されなくなり、とっても焦り色々調べまくってなんとか解決できました(汗)
僕はPCに疎い+ブログを始めたばかりで右往左往しているのよね
ひょっとしたら僕と同じようにいきなり画像が表示されなくなって困っている方が他にもいるかもしれないので、どうやって解決に至ったのかについてお話したいと思います。
この解決に至ったことで副産物としてPageSpeedでのパフォーマンスが大きく改善しました。
もしかするとページ読み込みスピードが遅くて困っている方にも有効な方法なのかも…?
PCからもスマホからも画像が全く表示されない…!?1日目
僕は最近ブログを始めたばっかりで書くこと自体が面白くて、なんだかんだで開設から毎日のように少しづつ記事を書き進めています。
さーて今日も書くぞー!
と仕事から帰宅後にPCでブログの投稿ページを開いてみたら、昨日までちゃんと表示されていたアイキャッチ画像が全記事で表示されていない…
気になったのでそれぞれ記事を開いてみると、
吹き出しの画像、プロフィールの画像もない…よーく見たらファビコンの画像もなくなってる!
そこで最初にやってみたのは、
画像の拡張子をいったん元データのものに直してはり直してみる、でした。
僕は画像データが重たくならないように.pngやjpegからWebPにできるだけ「Squoosh」を使って変更していました。
生粋のめんどくさがりが発動して思い出したときだけ使ってしまっていたので、そのせいで画像が表示されなくなっちゃったのかな?と思ったんです。
…全然画像表示されません!!
こりゃあPCも眠くなったんだな、そうだきっと。
電源を落として明日開いたら勝手にもとに戻ってるんじゃないの…?
そう考えてPCといっしょにおやすみしてしまいました。
これで1日目終了…。
PCからもスマホからも画像が全く表示されない…!?2日目
仕事から帰ってきてPCを開けてブログを確認…なんと画像が全く表示されてない!!
PCからだけでなく、スマホから自分のブログを見てみても画像が全く表示されてません。
ブログが文字ばっかりになってる…
そこで解決法を探すために検索しまくってみました。
僕はブログテーマでCocoonを使っているためとりあえず
「Cocoon ブログ 画層が表示されない」と検索…
するとCocoonのホームページに僕と同じように画像が表示されない〜という、近い内容のお悩み相談がありました。
引用元:Cocoonフォーラム
そこには回答として
わいひらさん から
「親テーマを有効化して動作確認してみると表示されますか?」
と書いてありました。
僕はCocoonの子テーマを使っていたので、早速親テーマを有効化してPCから確認してみると画像が出てきました!回答内容をもう少し読んでみると”プラグインとの競合問題”と言う一文があったので、
次は「Cocoon プラグイン おすすめしない」で検索。するとCocoonのホームページのこんな記事がヒットしました。
引用元:Cocoonを利用する上でお勧めしないプラグインまとめ
その記事で一番最初に書いてあるプラグイン「Autoptimize」…。
こ、このプラグイン入れてるんですけどー!
pagespeedのパフォーマンスを上げたくて検索したときに見つけた、ページ読み込み速度が早くなると紹介されていたプラグインでした。
このプラグインを無効化してみるとCocoonの子テーマに戻しても、PCから確認して画像がちゃんと出てる〜!
良かったぁ〜、これでもう大丈夫っしょ!!もう24時じゃん、でもなんとかなったからな〜。ん〜?PCでは画像が表示されるけど、スマホで表示されないって人もいるのか〜
まぁ大丈夫だろうけど、一応確認しておこうかな!
……ない、スマホからブログをみたら画像が全部ないーーー!?
力尽きてまたPCといっしょにおやすみしてしまいました(泣)
PCからもスマホからも画像が全く表示されない…!?3日目
仕事から帰ってきて、お勧めしないプラグインまとめを全部読んでみることにしました。
きっとなんかのプラグインがまた悪さをしているような気がしたからです。
下まで読み進めていると…ちょこっと書いてあった「EWWW Image Optimizer」!!
これもパフォーマンスを上げたくて入れたプラグインの一つでした。すぐさま無効化して、スマホでブログを確認してみると見事に画像が表示されているじゃありませんか!
僕のブログでいきなり画像が表示されなくなった原因は
「Autoptimize」「EWWW Image Optimizer」の2つのプラグインが悪く作用してしまったことでした。
この2つは、よくブログパフォーマンス向上するプラグインとしておすすめされている有名なものです。
たまたま僕が使っていたテーマとは相性が悪かったでみたいですが、多くの人が重宝するプラグインのようでした。
僕と同じようにCocoonの子テーマでブログを作っている方は、ぜひご注意を!
2つのプラグインを消去して得られた副産物
プラグインは無効化しっぱなしだと良くないといろんな記事でかいてあったため、2つのプラグインを消去してやっと元通り。
ただ心配だったのはpagespeedのパフォーマンス…
きっとブログのパフォーマンスが激遅ノロノロ丸になってんだろうなぁ…
でも画像でないほうが嫌だししょうがないよなぁ…
ちょっとションボリしながらpagespeedを開いてみると…劇的にパフォーマンスが上がってる!?
問題解決前のパフォーマンス 携帯電話⇢62点 デスクトップ⇢78点
問題解決後のパフォーマンス 携帯電話⇢96点 デスクトップ⇢100点
どうやら2つのプラグインを消去して
「メインスレッド処理の最小化」「JavaScript の実行にかかる時間の低減」が改善したようでした。
ブログのパフォーマンスが上がらなくて困っている方はこの2つのプラグインを見直してみるのもありかもですよ!
今回の記事は以上です。ありがとうございました!