WordPressでCocoonテーマを利用しています。
テーマ利用当初は大丈夫だったのに、いつの頃からかヘッダー画像に遅延がおこり、
更新すると1、2秒ほどブログタイトルが真っ白になってしまう現象が起こっていました。
![](https://www.reebird.com/images/2018/04/cropped-nyan360-g.jpg)
私の環境の場合ではありますが、調べてみると、
犯人は「EWWW Image Optimizer」プラグインでした。
Cocoonテーマの公式サイトにも書かれてありますが、なかなか見つけにくいかもと思い、
同じような現象で困っている方のお役に立てればと書いてます。
ヘッダー画像遅延に最初に気が付いた状態は
↑読み込み前
↑再読み込み時に起こる画像読み込み遅延
メニューバーがびろーんと下に下がってしまう。
自分のブログを開いた時、更新を押した時、他のページに移動した時に、
一瞬だからいいかぁと解決せずにずるずるきましたが、
さすがに気になり探索の旅へ。
所有の同じCocoonテーマ使用の別ブログは綺麗にヘッダー表示されているので、
一体悪さをしているのはどこなのか。
考えられる設定をチェック
まずはCocoonの高速設定をチェック
Cocoonの高速化は設定していませんでした。
子テーマに書き込んだスタイルシートは?
念のため、子テーマに書き込んだCSSを
そのまま他のテストサイトに貼りつけましたが変化なし。
Cocoonの管理画面で微調節してみる
Cocoon管理画面でヘッダーの縦サイズを調節し、
なんとかびろーんと伸びるのは気にならないくらいには調節できました。
が、画像がビビっと動いてしまう違和感あり。ううむ・・・
Cocoon公式サイト内を検索
Cocoon公式サイト内でヘッダー関連をあれこれ検索していると・・・
「EWWW Image Optimizer」は
画像を圧縮して表示速度を高速化してくれるとても便利なプラグインです。
高速化が重複するとこういう不具合が出てしまうようです。
私の場合はまさにこれでした。
![](https://www.reebird.com/images/2018/04/cropped-nyan360-g.jpg)
「EWWW Image Optimizer」の設定画面から
「遅延読み込み」のチェックをはずすと解消されました。
Cocoonの管理画面で微調節したものも元に戻し終了です。
よかった~(*^^*)
ちなみにCocoon設定での遅延読み込みも試してみましたが、
私の環境下では使わない方が表示が速いのでそのままにしています。
まだまだ奥が深いCocoonです。
Cocoonミニカスタマイズ、こちらもどうぞ。
![](https://www.reebird.com/wp-content/uploads/2021/08/Cocoon1100x680-320x198.png)
コメント