わいひらさん

追加情報になります。

cocoonの管理画面でのプレビューは添付のようになって問題ないように表示されます。

宜しくお願いします。

わいひらさん

あれこれ試行錯誤しているうちに、上記ご相談の件、ヘッダーロゴについては表示されるようになりました。お騒がせしました。ただし、あちこちで、Gutenberg により挿入した「メディアと文章」「画像」ブロックで追加した画像が、無作為に画面で未表示になったままです。

この不安定さに対して、cocoonユーザ側で対処できることは何か、という一般化させた質問に切り替えることは可能でしょうか。

ロリポップのハイスピードのサービス安定を待つという以外の方法がもしあればお聞かせ願えれば助かります。

宜しくお願いします。

いつもありがとうございます。

基本設定を続けていくうちに、再びヘッダーロゴが未表示になる現象が再現してしまいました。

ロリポップのハイスピードプランが提供するサーバ環境の仕様との相性の問題なのか分かりません。

根本的な相性や新プランがまだ実績がない故の粗さだとしたら、座して待つことはできないので、他サービスを検討する必要があると考えています。

なにか、ヒントをいただければ幸いです。

宜しくお願いします。

わいひらさん

何度もすみません。

ユーザ側で差分が判明したので、根本解決の糸口になればと思い、度々の投稿になりますが、情報共有させてください。

当方でわかったことは、cocoonの高速化設定から「CSS縮小化」を実行すると、ヘッダーロゴが未表示となることが分かりました。これが真因だとすると、何かの追加設定でヘッダーロゴ未表示を解決することは可能でしょうか。

よろしくお願いいたします。

当サイトは、CSSを縮小化していますが、ロゴは表示されています。
なのでこちら側で不具合は再現できませんでした。
ですので、実際にCSSを縮小化して不具合が出ている状態を見せていただくことはできますでしょうか。

わいひらさん

いつも大変お世話になっております。

現在、「CSS縮小化」をチェックし、ヘッダーロゴ未表示の状態にしました。

おそらく、当方のローカル環境の問題とは思いますが、問題が切り分けられたらうれしいです。

どうぞ、宜しくお願いします。

Jetpack の Lazy Load を無効にするとどうなるでしょうか。

Akira さん

アドバイスありがとうございます。

Jetpack Lazy Load を無効にしてみましたが、ヘッダーロゴ、一部未表示画像（プロフィールページの自画像など）は未表示のままでした。この無効化で影響したのは、その通りサムネイル画像で、トップページのカルーセル画像が未表示に変わったので、無効化自体は効いていることは確認できましたが、ヘッダーロゴに影響を及ぼすことができませんでした。

もうしばらく試行錯誤してみます。

アドバイスありがとうございました。また、お気づきの点がございましたらお知らせ頂けると助かります。

Jetpack と Cocoon のどちらの Lazy Load も有効になっているように見えます。

Lazy Load は、どちらか一方のみにしないといけません。もし、どちらも有効になっている場合は、どちらかの Lazy Load の無効化が必要に思えます。もし可能であれば、Jetpack の方の無効化がいいかもしれません。Jetpack の JavaScript のエラーが出ているように見えます（JavaScript が縮小化されているのでよく分からない）。

また、サーバーのキャッシュ機能が有効の場合は、サーバーのキャッシュの削除もお試しください。ロリポップのキャッシュの説明ページは、このページなのかな？

ロリポップ！アクセラレータ設定・解除方法

Akira さん

いろいろとありがとうございます。

ご指摘通り、Lazy Load は、Cocoon と Jetpack の両方で設定していたため、アドバイス通り、Jetpack の方を外しました。

cache は、ご案内頂いたものに従い、ロリポップのアクセラレータ機能から削除し、再描画させたましたが、添付のように、ヘッダーロゴに加えて、サムネイルも未表示となってしまいました。

以下、現象を確認した際のステイタスになります。

1. Lazy Load: Cocoonを有効、Jetpack を無効

2. cache: Cocoonのブラウザキャッシュを有効化、ロリポップのアクセラレータを無効、プラグインのLiteSpeed Cache はインストール後、無効化←途中、余計なことをしています。

3. その他高速化設定：（私が認識できる範囲のみで恐縮ですが）Cocoon管理画面にある高速化設定のすべてをon

その時点の環境情報は以下の通りです。

----------------------------------------------
サイト名：経営コンサルタントによる経営戦略と経営管理に効く経営管理会計
サイトURL： https://keieikanrikaikei.com
ホームURL： https://keieikanrikaikei.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-momoon-aqua/style.css
WordPressバージョン：5.3.2
PHPバージョン：7.3.7
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36
サーバーソフト：LiteSpeed
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.0.4.1
カテゴリ数：35
タグ数：6856
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.0
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/wp-content/uploads/2019/12/Blog-top-screen-2019-12-13-1.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：1
WEBフォントLazy Load：1
JavaScript（フッター）：1
----------------------------------------------
利用中のプラグイン：
Ad Inserter 2.5.10
Akismet Anti-Spam 4.1.3
All In One SEO Pack 3.3.4
Aurora Heatmap 1.3.3
Broken Link Checker 1.11.9
Category Order and Taxonomy Terms Order 1.5.7.1
Classic Editor 1.5
Contact Form 7 5.1.6
Duplicate Post 3.2.4
Easy Table of Contents 1.7
Edit Author Slug 1.6.1
EWWW Image Optimizer 5.1.3
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 8.0
Link Manager 0.1-beta
LiteSpeed Cache 2.9.9.2
MathJax-LaTeX 1.3.11
Menu Icons 0.12.2
Nested Pages 3.1.7
Post-Plugin Library 2.6.2.1
PS Auto Sitemap 1.1.9
Regenerate Thumbnails 3.1.2
Shortcodes Ultimate 5.6.2
TablePress 1.10
TinyMCE Advanced 5.3.0
WP-Optimize - Clean, Compress, Cache 3.0.15
WP Multibyte Patch 2.8.3
----------------------------------------------

なお、現時点でも、やはり、2019年12月27日 21:14に報告させて頂いた状況と同じく、Cocoonの高速化設定の「CSS縮小化」のみ外すと、ヘッダーロゴも、サムネイル画像および、記事内の貼付け画像もすべてうまく描画されます。

いったん、Akira さんから、CSS縮小されていてエラーが読みにくいとのご指摘がありましたが、わいひらさんに、CSS縮小化されている状態を見せてほしいともいわれているので、この後、「CSS縮小化」をしたまま（いつもとは真逆でそれはそれでドキドキですが）で検分いただかこうかと思います。

（回避策が分かっているのに採れないもどかしさはありますが、真因追究のため、このまま未表示で晒しておきます。）

本件、「CSS縮小化」機能を外せば、元通りうまく描画されますので、もし「CSS縮小化」させたままで試す価値がある他機能がございましたら、またご連絡いただければ嬉しいです。

引き続きよろしくお願い致します。

度々すみません。

蛇足ながら、CSS縮小化を外した場合のトップ画面は添付のように問題ありません。

まだ Cocoon 以外の Lazy Load が効いています。

今度は ewww と確認できるのですが、EWWW Image Optimizer に Lazy Load 機能があるのでしょうか？

「Google XML Sitemaps」「Contact Form 7」「WP Multibyte Patch」以外のプラグインを全て停止するとどうなるでしょうか。この 3 つは、不具合と関係ないはずです。

尚、「LiteSpeed Cache」は、プラグインのキャッシュを必ず削除し停止しなければなりません。

一応ご説明すると、私が最も怪しいと思っているのが Lazy Load です。CSS 縮小化を無効にすると正常になることからも Lazy Load が怪しい気がします。

しかも、Cocoon の Lazy Load は、ロゴ画像は対象外です。なのに、ロゴ画像にも Lazy Load が効いているのはプラグインが原因のはずです。そのプラグインが不具合を引き起こしているのではないか？と疑っています。

Akiraさん

何度もご指導ありがとうございます。

プラグインを順番に入れ替えて確認したところ、ご指摘通り、EWWW Image Optimizer を外した所で、ヘッダーロゴ、サムネイル、その他の画像、すべての描画を確認することができました。

ご賢察の通り、EWWW Image Optimizer に Lazy Load 機能がしっかり存在していました。こちらだけoffにすれば、すべて元通りの描画となりました。環境変更が、ロリポップのライトプラン→ハイスピードプラン だけだったので影響はココと思い込み、プラグインの干渉は最初から検討漏れでした。

私と同レベルの粗忽者がいらっしゃるかもなので、一応、同プラグインの　Lazy Load 設定画面を貼っておきます。

何度もアドバイス頂きありがとうございます。機能重複なので、LiteSpeed Cache は、キャッシュ削除後、機能停止させました。

本件、真因解決に至りましたのでcloseでお願いいたします。

P.S.

わいひらさんが言及していたフォーラム利用ガイドにある「解決マーク」が漸くどこにあるか捜し当てられたので、これからセルフで「解決済」ポチっとさせて頂きます。