すみません、「スマホでF5ボタンを押して・・・」と書いてしまいましたが、更新ボタンの誤りです。念のため修正させていただきます。よろしくお願いいたします。

今のところ、可能性として考えられるのは 3 つあります。

• ブラウザのキャッシュが邪魔をしている → ブラウザのキャッシュの削除で解消しないか？
• プラグインが不具合を起こしている → 全てのプラグインを停止で解消しないか？
• サーバーの mod_pagespeed による不具合 → mod_pagespeed の停止で解消しないか？

尚、私の環境では、きちんと表示されました。また、サイトを拝見しても変な箇所はないように見えます。

Akira様

いつも本当にありがとうございます。
（先日ファビコンが表示されない件でご相談させていただき、アドバイスいただいたサイトでロゴを作成したところ正常に表示されるようになりました、ありがとうございました。）

＞私の環境では、きちんと表示されました。また、サイトを拝見しても変な箇所はないように見えます。
ご確認ありがとうございます。安心致しました。

ブラウザのキャッシュ、プラグイン、mod_pagespeed の３パターンで一度検証してみたいと思います。とりあえずはまずブラウザのキャッシュを削除しましたので、数時間ほどおいて再びサイトにアクセスし、表示がどうなるか確認してみます。

また状況をご報告させていただたいと思っております。よろしくお願いいたします。

前略、大竹 さん

ファビコンは、表示されるようになって、良かった思います。

でも、そのときから気になっていたのですが、トップページのエントリーカードや、サイドバーの人気記事や、新着記事のサムネイル画像の一部が表示されていないですよね？

また、サムネイル画像の中に表示されるはずの、カテゴリーの位置も、通常の位置ではないような気がします。これは、投稿ページのアイキャッチ画像のカテゴリー表記にも言えるのではないか思います。

ご本人が気にされていないのに、私が言うのもなんだかなぁ、とは、思ってはいたのですが・・・

余計な書き込みでしたら、ご容赦ください。

Wi-Fi環境のスマホから見たところ、正常に表示されています。

しばらくサイトにアクセスしないと、１発目の表示がテキストだけの変なページになってしまうようです。ただ、F5ボタンを押したり、内部リンクをクリックして違うページを表示したり、別タブを開いてサイトにアクセスしたりするなど２回目のアクションをすると、正常なレイアウトに戻ります。

スマホも今は問題ないようですが、昨日はなぜか「アクセスできません」とエラーが出てしまい、更新ボタンを押すと正常に戻りました。

この辺を読んだ感じ、ネット環境やサーバーが重くて、表示に必要なファイルが読み込めていないという可能性もありそうです。

通信環境も確認してみてください。

スマホでアクセスしたときに、再度「アクセスできません」のエラーが出たら、スクショしていただけると原因が分かるかもしれません。

投稿者:: @leafytree

トップページのエントリーカードや、サイドバーの人気記事や、新着記事のサムネイル画像の一部が表示されていないですよね？

 

また、サムネイル画像の中に表示されるはずの、カテゴリーの位置も、通常の位置ではないような気がします。これは、投稿ページのアイキャッチ画像のカテゴリー表記にも言えるのではないか思います。

私のスマホからは、この現象が起きてないのですが…リフィトリーさんはパソコンから見てるのでしょうか？

画像も全て表示されてるし、表示崩れもざっと見た感じなさそうです。

@saruko さん

もう一度、確認してみたところ、私の環境でも表示がおかしいのは、Firefox だけのようです。

他のPCでも確認してみますので、お待ちください。

大竹さん さる子さん

大変、失礼しました。

なぜか、大竹さんのWebサイトを表示する際に、Firefoxのアドオンで、JavaScript を OFFにする設定になっていたようです。

そのため、いつも、大竹さんのWebサイトを表示する度に、表示がおかしい、と、思い込んでしまっていたようです。

申し訳ありません。

以後、注意したいと思います。

リフィトリー様、さる子様

いつもお世話になります。

＞リフィトリー様
サイトをご確認いただきありがとうございました。表示崩れの件、Firefoxのアドオンの影響とのことで安心致しました。自分では気付かないことがたくさんありますので、ご指摘いただけますととても参考になります。

＞さる子様
スマホからサイトをご確認いただきありがとうございます。さる子様の環境では問題なく表示されているとのことで安心致しました。
ネット環境やサーバーが重くて、表示に必要なファイルが読み込めていないという可能性もあるのですね。サーバーの空き容量を確認してみましたところ100G以上はまだ残っていましたので、こちらの通信環境の問題でしょうか・・・。

ただ、テスト環境のサイト（使っていないだけでネットワークには繋がっています）をもう１つ持っているのですが、こちらの方を同じようにしばらく放置して確認してみましたところ正常に表示されました。
(テスト環境のサイトには記事が20記事くらいしか掲載していないという違いはございます）

また、これまでは普通に表示されており、この事象が発生する前後でネットワーク環境は特に変更しておりませんでした。

サーバーからの読み込みが正常にされているかなど、何か確認する方法はございますでしょうか。

度々恐れ入りますがご教示いただけますと幸いでございます。よろしくお願いいたします。

投稿者:: @大竹

サーバーの空き容量を確認してみましたところ100G以上はまだ残っていました

サーバーにたくさんの人がアクセスしていると、一時的にサーバーに繋がりにくくなるので、サーバーの空き容量は関係ありません。

表示が崩れた時間帯にアクセスが多かったりしませんか？

レンタルサーバーだと、同じサーバーを使ってる他の利用者やレンタルサーバー側の状態も関係してくるので、大竹さんのサイトが原因とは限らないかもしれません。

まずはAkiraさんが上げてくださった3パターンを検証してみてはどうでしょうか。

僕のFirefox環境だと問題なく表示されるようです。

Chromeでも見てみましたが、問題ないようです。

だとしたらやはりAkiraさんが書かれたように、キャッシュ関係が怪しいように思います。

＞さる子様
ご返信ありがとうございます。
本日何度か試してみましたところ、表示が崩れれるのはパソコンでサイトにアクセスした後、1時間ほど？触らず再びアクセスした際に生じる事象のようです。（放置時間はいまいちまだ分かっていません）
アクセスが多い時間帯でも、パソコンでサイトにちょくちょくアクセスしている時は表示が崩れることはありませんでした。

＞わいひら様
いつもお世話になっております。
サイトの表示確認ありがとうございました。わいひら様の環境で問題なく表示されているとのことで安心致しました。

＞アドバイスをくださった皆様へ
本日いくつか検証してみて少しずつ分かってきたことがございます。

●事象の発生は、サイトにアクセスした後、１時間？ほどアクセスせずに再びアクセスした１発目に生じる。そのあと２回目のアクション（更新・内部リンクのクリックなど）では表示が正常に戻る。
●スマホのSagariでは、放置していても問題なく表示された
●タブレットのSafariでは、放置していても問題なく表示された
●パソコンのIEでは、放置していても問題なく表示された
●パソコンのChromeで、本事象が発生する。
ただし、テスト環境のサイトの方（メインのサイトと環境は同じ）は、放置していても問題なく表示された。

Akira様のアドバイスを受け、Chromeブラウザのキャッシュを削除してみましたが、再び事象は起きてしまいました。また、Xエックスサーバーのmod_pagespeedを停止してみましたが、この事象は起きてしまいました。
現在、プラグインを１つずつ停止しながら様子を見ております。（今のところ、事象はそのまま続いております）

そのほか試していることは下記のとおりです。
①パソコンのChromeのバージョンが最新ではなかったのでアップデートした
②パソコンのChromeの拡張機能で、ディベロッパーモードをオフ。MozBarをオフ。
（Death To _blank、Google Analytics オプトアウト アドオンのみオン）
③スマホ・タブレットのChromeでサイトを開き、しばらく時間をおいた後アクセスしてみて挙動を確認する予定

もしスマホやタブレットのChromeで問題なく表示された場合は、パソコンのChromeに問題があるのかもしれません・・・。ただ、テスト環境のサイトは問題なく表示されているので、そこはまだ分からない部分ではございます。
また、どれくらい時間を置いたらこの事象が発生するのかもよく分からないので、明日も引き続きこまめに検証してみようと思っております。

また分かったことをご報告させていただきたいと思っておりますので、お忙しい中お手数ですがよろしくお願いいたします。

度々失礼致します。

Chromeの設定を最近変えたということはないのですが、ふと思い出したことがございます。今回の件とは関係ないかもしれないのですが、念のため共有させてください。

サーチコンソールのページをブックマークしていていていつもそこからショートカットでアクセスしていたのですが、２～３日前くらいから突然

「404. エラーが発生しました。リクエストされた URL はこのサーバーで見つかりませんでした。 その他の詳細は不明です。」

というエラーメッセージが表示され、ブックマークからアクセスできなくなりました。
（アナリティクスや、他のページのブックマークはこれまで通りショートカットでアクセスできております）

サーチコンソールのURLが変わったわけでもないのになぜブックマークからはアクセスできなくなったのかな・・・と不思議に思っておりましたが、何か今回の件と関係があるのでしょうか・・・。

もし何かお分かりになることがございましたらご教示いただけますと幸いです。
ご多忙の中恐れ入りますがよろしくお願いいたします。

大竹さん、はじめまして。

表題の症状のうち、PCでの表示が崩れる件、自分のブログでも同じ状態で困っていました。
検索したところこちらのフォーラムにたどりつきました。

あまり参考にならないかもしれませんが、当方での状況をお伝えします。

＜当方での状況＞
・発症（？）は1日前から
　Cocoon(2.1.6→2.1.7)、LiteSpeed Cacheのアップデート(3.1→3.2.1)実施後に発症
・Chromeでのみ頻出
　Chromeで表示が崩れる際にFirefoxやEdge、他PC(ブラウザは様々)から当該ページを読み込んだところ、正常に表示されます
・Chromeのバージョン: 83.0.4103.61
・表示が崩れた後、LiteSpeed Cacheのキャッシュをパージするか、Chrome側で [Ctrl] + [F5]で強制再読み込みするか、Chrome側でCookieを削除することで再び正常に表示されます。
・LiteSpeed Cacheを停止しても症状に変化なし

以上より端末のChrome側の問題ではないか？　というところまでは絞り込みましたが、対処法がわからずペンディング状態です。

はじめまして。
私も同じ現象が出ています。

GTmetrixでテストしたところ、

　styles.css
   ul.js

が読み込まれていませんでした。

親テーマに変更したところ、上記が読み込まれ、問題がなくなりました。

　 https://www.escape2bangkok.com

環境をお知らせする時間がありませんでしたので、取り急ぎご報告まで。

GTmetrixスクリーンショット、添付参照ください。

おはようございます。

上記のメインブログでは、親テーマに変更した結果、症状は出ていません。

　 https://www.escape2bangkok.com

サブディレクトリーのブログでは、親テーマに変更しても症状が出ています。

　 https://escape2bangkok.com/Career/

お手数おかけしますが、よろしくお願い致します。

----------------------------------------------
サイト名：天職なんてない！副業も考えろ！
サイトURL： https://escape2bangkok.com/Career 
ホームURL： http://escape2bangkok.com/Career 
コンテンツURL： https://escape2bangkok.com/Career/wp-content 
インクルードURL： https://escape2bangkok.com/Career/wp-includes/ 
テンプレートURL： https://escape2bangkok.com/Career/wp-content/themes/cocoon-master 
スタイルシートURL： https://escape2bangkok.com/Career/wp-content/themes/cocoon-master 
スキン： https://escape2bangkok.com/Career/wp-content/themes/cocoon-master/skins/skin-template/style.css 
WordPressバージョン：5.4.1
PHPバージョン：7.2.29
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en;q=0.9
----------------------------------------------
テーマ名：Cocoon
バージョン：2.1.7
カテゴリ数：23
タグ数：96
ユーザー数：1
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ： https://escape2bangkok.com/Career/wp-content/themes/cocoon-master/screenshot.jpg 
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
AdSense Invalid Click Protector 1.2.4
Akismet Anti-Spam 4.1.5
Autoptimize 2.7.2
BackWPup 3.7.1
Batch Cat 0.3
Broken Link Checker 1.11.13
Category Order and Taxonomy Terms Order 1.5.7.2
Classic Editor 1.5
Compress JPEG & PNG images 3.2.1
Contact Form 7 5.1.9
Edit Author Slug 1.6.1
Google XML Sitemaps 4.1.0
Insert Headers and Footers 1.4.5
Jetpack by WordPress.com 8.6.1
MO Cache 2.0
Simple 301 Redirects 1.07
SiteGuard WP Plugin 1.5.0
TinyMCE Advanced 5.4.0
TypeSquare Webfonts for エックスサーバー 1.2.1
VA Social Buzz 1.1.14
WordPress Importer 0.7
WP-Optimize - Clean, Compress, Cache 3.1.2
WP Cerber Security, Antispam & Malware Scan 8.6.3
WP Fastest Cache 0.9.0.6
WP Multibyte Patch 2.8.4
----------------------------------------------

私も親テーマを2.7.1にアップデートしてみましたが、いまのところ、症状は出ていません。

投稿者:: @akira

今のところ、可能性として考えられるのは 3 つあります。

• ブラウザのキャッシュが邪魔をしている → ブラウザのキャッシュの削除で解消しないか？
• プラグインが不具合を起こしている → 全てのプラグインを停止で解消しないか？
• サーバーの mod_pagespeed による不具合 → mod_pagespeed の停止で解消しないか？

私もAkiraさんのアドバイスが鍵のような気がします。

プラグインを停止して、ブラウザのキャッシュを削除して、症状が出るか、出なないか、を試すことができるのは、症状が出ている方だけかもしれません。

投稿者:: @大竹

「404. エラーが発生しました。リクエストされた URL はこのサーバーで見つかりませんでした。 その他の詳細は不明です。」

というエラーメッセージが表示され、ブックマークからアクセスできなくなりました。
（アナリティクスや、他のページのブックマークはこれまで通りショートカットでアクセスできております）

こちらは関係ない感じですね

404　というのはサイトのページが存在しないよ　って事をサチコが見つけた報告をしている状態です

投稿者:: @lukehide

サイトURL： https://escape2bangkok.com/Career
ホームURL： http://escape2bangkok.com/Career

ホームURLのssl化が不完全です

設定からホームURLをhttps　に変更

キャッシュ系プラグインのキャッシュ・サーバーのキャッシュを削除

このあたりから試すのが良いと思いますよん

>> 大竹さん

プラグインの停止で解消しない場合は、サーバーのキャッシュ設定の無効化をお試しください。

• サーバーキャッシュ設定
• ブラウザキャッシュ設定
• Xアクセラレータ

もし、ブラウザの拡張機能などの広告ブロックツールをお使いであれば、そのツールの停止もお試しください。

Chromeのシークレットウィンドウで試すとどうなんでしょう？

こんばんは。

　 https://www.escape2bangkok.com

親テーマでも同じ現象が出ました。

GTmetrix テストで Style.cssがブロックされたデータです。

========

no-cache, must-revalidate, max-age=0

gzip

text/html; charset=UTF-8

Fri, 05 Jun 2020 11:42:09 GMT

Wed, 11 Jan 1984 05:00:00 GMT

< https://www.escape2bangkok.com/wp-json/>;  rel="https://api.w.org/"

nginx

GIauyTp=91hNDHL; expires=Sat, 06-Jun-2020 11:42:09 GMT; Max-Age=86400; path=/

SyfbzTa=Oav%40UTh; expires=Sat, 06-Jun-2020 11:42:09 GMT; Max-Age=86400; path=/

cvGjuBO_NYEqHJQ=4quVQfzkhjbP6ms; expires=Sat, 06-Jun-2020 11:42:09 GMT; Max-Age=86400; path=/

SX-eNcdFVwPLCm=4IL8jJ7%2ANQ0sq3; expires=Sat, 06-Jun-2020 11:42:09 GMT; Max-Age=86400; path=/

404

Accept-Encoding

上記データの追加です。

Statusが404となってます。

www.escape2bangkok.com

GET

/styles.css

https

text/css,*/*;q=0.1

gzip, deflate, br

en-US,en;q=0.9

 https://www.escape2bangkok.com/ 

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36

GTmetrix テストで ui.jsがブロックされたデータです。

もし、関係ない様であれば、ご了承ください。

no-cache, must-revalidate, max-age=0

gzip

text/html; charset=UTF-8

Fri, 05 Jun 2020 11:42:09 GMT

Wed, 11 Jan 1984 05:00:00 GMT

< https://www.escape2bangkok.com/wp-json/>;  rel="https://api.w.org/"

nginx

GIauyTp=91hNDHL; expires=Sat, 06-Jun-2020 11:42:09 GMT; Max-Age=86400; path=/

SyfbzTa=Oav%40UTh; expires=Sat, 06-Jun-2020 11:42:09 GMT; Max-Age=86400; path=/

cvGjuBO_NYEqHJQ=4quVQfzkhjbP6ms; expires=Sat, 06-Jun-2020 11:42:09 GMT; Max-Age=86400; path=/

SX-eNcdFVwPLCm=4IL8jJ7%2ANQ0sq3; expires=Sat, 06-Jun-2020 11:42:09 GMT; Max-Age=86400; path=/

404

Accept-Encoding

www.escape2bangkok.com

GET

/ui.js

https

*/*

gzip, deflate, br

en-US,en;q=0.9

 https://www.escape2bangkok.com/ 

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36

@yhira さん、お手数おかけします。

Chromeのシークレットモードでも同様の症状です。

よろしくお願いします。

@kautakku　さん、ありがとうございます。

すでに、SSL化しております。

https://escape2bangkok.com/Career/

テーマの作者さんとして、おそらく、一番先に知りたいことは、子テーマを有効化した状態で、プラグインを全て停止して、その後、ブラウザやサーバーのキャッシュを削除しても、同じ症状が出てしまうかどうかということだろうと推測します。

これは、症状が出ている方しか試すことができないかと思われます。

プラグインを全て停止した状態で、ブラウザのキャッシュや、サーバーのキャッシュを消しても、同様の症状が出る場合は、テーマ自体に何らかの原因がある可能性が高い、ということになろうかと思います。

こちらを先ず、試してみる、というのは、いかがでしょうか？

＞kyan様、lukehide様

私と同じ現象の方がいらっしゃるのですね。色々と情報共有していただきありがとうございます。原因が同じなのかは分かりませんが、私の検証結果が少しでも参考になれば幸いです。

＞かうたっく様

いつもお世話になっております。ブックマークからサチコへアクセスできなかった件は今回の事象とは関係ないのですね。ご確認いただきありがとうございました。

＞Akira様

お忙しいなか度々アドバイスありがとうございます！
本日すべてのプラグインを停止して検証してみましたが、残念ながら事象は解決せずでした。
広告ブロックツールは現在使用しておりません。
（下に続きます）

＞わいひら様、Akira様

実は私も気になり、Chromeのシークレットモードで試してみましたところ、こちらは問題なく表示されました。また、スマホのChromeでも問題なく表示されたことから、この事象は私のパソコンのChrome（シークレットモードではない）からのみ生じるものだということが言えそうです。

やはりAkira様や皆様がおっしゃってくださっているように、キャッシュの問題かもしれません。

最初にブラウザのキャッシュを削除した際は、「閲覧履歴の削除⇒キャッシュされた画像とファイル」のみチェックをして行っていたのですが、「Cokkieと他のサイトデータ」というところにもチェックをして再度削除してみました。
（今更ですが、ブラウザのキャッシュ削除というのはこれで宜しいのでしょうか・・・？）

一旦これでしばらく時間が経ったのち、サイトにアクセスして確認してみようと思っております。

Akira様から再度アドバイスをいただいたサーバーのキャッシュ設定の無効化（サーバーキャッシュ設定、ブラウザキャッシュ設定、Xアクセラレータ）についても試してみたいと思います。

また状況をご報告させていただきますので、よろしくお願いいたします。

関連のありそうな記事のリンクを貼ってみます。

ChromeとFirefoxで確実にキャッシュクリアする方法（スーパーリロード、ハードキャッシュクリア）

Webブラウザのキャッシュ削除とスーパーリロード方法一覧

Mac Safari で キャッシュクリアをする方法

「ブラウザ名 スーバーリロード」とか、「ブラウザ名　キャッシュ クリア」などでググるといいかもしません。

はじめまして。
私もおそらく2.1.7にアップデートしてから同じ症状が出ています。

一度子テーマから親テーマに切り替え、子テーマに戻したら治った気がしたのですが、数時間後に再発しました。
子テーマを最新版に変更、テーマエディターで追加していたstyle.cssの記述をやめ、外観カスタマイズの追加CSSに記述してみましたが、これもまた数時間後に再発。

皆さんと共通して使っているプラグインは

Akismet Anti-Spam 4.1.6
Category Order and Taxonomy Terms Order 1.5.7.2
EWWW Image Optimizer 5.3.2
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 8.6.1
Search Regex 2.0.1
SiteGuard WP Plugin 1.5.0
TinyMCE Advanced 5.4.0
WP Multibyte Patch 2.8.4

でした。

その中で最近更新があったのは、JetpackとAkismetです。(Jetpackを疑い中)

どうもログインしている状態の時のみ発生しているような気がします。皆さんはいかがでしょうか。
Chromeしか使わないのでChromeだけで確認していますが、シークレットモードや別ユーザーのウィンドウから表示させても正常に表示されています。

私も、Jetpack を皆さんが使っていること、つい最近、アップデートされたこと、などが ちょっと、気になっています。

ちなみに、Akismet は私も使っていますが、いまのところ、症状は１度も出ていません。

Cookieあたりキャッシュされてるみたいですけどねぇ

サーバー、プラグイン、もしくは.htaccessファイルあたりかな

「閲覧履歴の削除⇒キャッシュされた画像とファイル」のみチェックをして行っていたのですが

これだけでは不十分だったかもしれないです。「Cookie と他のサイトデータ」の削除も必要です。おそらく、サーバーのキャッシュ設定の無効化は不要な気がします。

他の皆さんもブラウザのキャッシュの削除をお試しください。ブラウザでもスマホアプリでも何か変になったら、まずはキャッシュ削除です。

>> lukehide さん

lukehide さんは、別途対策が必要な気がします。かうたっくさんが #34432 でおっしゃっていますが、WordPress 管理画面 → 設定 → 一般の「サイトアドレス (URL)」は HTTPS になっているでしょうか？

投稿者:: @ねっす～

Akismet Anti-Spam 4.1.6
Category Order and Taxonomy Terms Order 1.5.7.2
EWWW Image Optimizer 5.3.2
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 8.6.1
Search Regex 2.0.1
SiteGuard WP Plugin 1.5.0
TinyMCE Advanced 5.4.0
WP Multibyte Patch 2.8.4

これらのプラグインは、当サイトでも全て利用していますが、特に問題はないようです。
Chromeでログイン状態でも試してみましたが、普通に表示されます。

とりあえず、表示がおかしくなったらスーパーリロード（Ctrl＋F5）を試してみてください。
それだけで表示が回復するようであれば、何かしらのキャッシュ（ブラウザー・サーバー・プラグインキャッシュ）の可能性が高まるかと思います。

ちなみに、みなさんのサーバーはどこを利用されているのでしょうか。
そこら辺の共通点も探る必要があるかもしれません。
また、ブラウザのデベロッパーツールのコンソールになにかエラーが出ていないかとか。

みなさんこんにちは。

Cocoonのテーマ側で以下の設定を変更したところ、時間を置いてF5更新しても表示が崩れなくなりました。

Cocoon設定>縮小化>CSS縮小　より　「CSSを縮小化する」のチェックを外す

オプションを変更してから1日間、不定期でF5しましたが今の所崩れていません。
試しにチェックをいれたら再び崩れたので、(カラクリはわかりませんが)多分これじゃないかなと。

ちなみに、Chromeでは前に他の方よりアドバイスのありました「ブラウザのCookieやキャッシュを根こそぎ削除」を何度もしましたが（真っ先に疑ったので）、上記オプションを外すまでは変化はありませんでした。

当方の環境ではCocoonのアップデートと同時期にChromeのアップデートも行われていたので、原因がChrome側なのかテーマ側なのか、はたまた私の個別環境かプログラム側（サーバー、WP、テーマ）の不具合なのかはさっぱりわかりませんが、ともかくも表示は崩れなくなったので、上記オプションを外した状態でもう少し様子を見たいと思います。

詳しい方がカラクリを解明できるご参考になりましたら・・・。

投稿者:: @akira

>> lukehide さん

lukehide さんは、別途対策が必要な気がします。かうたっくさんが #34432 でおっしゃっていますが、WordPress 管理画面 → 設定 → 一般の「サイトアドレス (URL)」は HTTPS になっているでしょうか？

>> カウタックさん、Akiraさん、

  SSL化、アドバイスありがとうございます。修正いたしました。

>> Akiraさん、

　Cookie と他のサイトデータ」の削除後も変化なしでした。

>> わいひらさん

  Xサーバーです。

　症状は、Reloadすれば正常表示されます。

>>kyanさん

　私も『CSSを縮小化する』を外して、明日、状況共有します。

@kyan さん

私のサイトでは、一度も症状が出ていない、と書きましたが、そういえば、CSSの縮小化は、使っていません。

＞リフィトリー様、Akira様

ブラウザのキャッシュ削除に関するアドバイスをありがとうございます。
いただいた情報をもとに何パターンかの方法でキャッシュを削除してみましたが、残念ながら現象はそのまま生じてしまいました。（下に続きます）

＞わいひら様

私はエックスサーバーを使用しております。
ブラウザ上でF12を押して表示されるコンソールのところの確認方法がよく分かっていないのですが、下記のような文言が表示されておりました。（初心者ですみません・・・）

「A cookie associated with a cross-site resource at <URL> was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at <URL> and <URL>.」

（下に続きます）

＞kyan様、アドバイスをくださった皆様

「CSSを縮小化する」のチェックを外して検証してみましたところ、今のところ無事解したように見えます！ありがとうございました。
（もしかしたらまた再発するかもしれませんので、今日も引き続き様子を見てみます）

これまではチェックをつけていても問題なく表示されていましたが、何がきっかけでこのような事象に繋がってしまったのか・・・特に更新や環境の変更などしていなかったように思うのですが、自分が気付いていないこともあったのかもしれません。
有識者の方々のご意見を伺えればと思っております。

また、できればサイトを出来る限り高速化しておきたいと思っているのですが、こちらのチェックを外したことでやはりスピードは遅くなるのでしょうか・・・。

今回の事象は自分のPCだけに生じるもののようなので、もしサイトのスピードが遅くなるようでしたらチェックを付けたままにしておいた方がサイトとしては良いのかな、とも考えたりしておりましたが、どうなのでしょう・・・。

また皆様のご意見をいただけますと幸いでございます。よろしくお願いいたします。

エックスサーバーの何かしら高速化？かなにかが影響してそうな気もします？

投稿者:: @大竹

「CSSを縮小化する」のチェックを外して検証してみましたところ、今のところ無事解したように見えます！ありがとうございました。

でも、私や、Akiraさんが、皆さんのサイトを閲覧したときには、症状は出なかったんですよね。

なので、

投稿者:: @ねっす～

どうもログインしている状態の時のみ発生しているような気がします。皆さんはいかがでしょうか。

ねっす～さんの書き込みも、ちょっと気になるところです。

投稿者:: @yhira

投稿者:: @ねっす～

Akismet Anti-Spam 4.1.6
Category Order and Taxonomy Terms Order 1.5.7.2
EWWW Image Optimizer 5.3.2
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 8.6.1
Search Regex 2.0.1
SiteGuard WP Plugin 1.5.0
TinyMCE Advanced 5.4.0
WP Multibyte Patch 2.8.4

これらのプラグインは、当サイトでも全て利用していますが、特に問題はないようです。
Chromeでログイン状態でも試してみましたが、普通に表示されます。

とりあえず、表示がおかしくなったらスーパーリロード（Ctrl＋F5）を試してみてください。
それだけで表示が回復するようであれば、何かしらのキャッシュ（ブラウザー・サーバー・プラグインキャッシュ）の可能性が高まるかと思います。

スーパーリロード、Chrome設定からのCookieを含めた削除を行っても症状が現れました。

症状が出た時のソースと更新後のソースで差分をとってみたのですが、症状が出る時、styleタグに「#wp-admin-bar-jetpack-scan-notice svg」という記述が増えたりしているのが気になりました。（まだ詳しく調べていないので、関係ないかもしれません。）
やはり今の所ログインした状態でしか症状が現れないので、Jetpackと何か別の要素との相性で起こっているのかなと思っているところです。

ちなみにサーバーはCoreserverです。

自分もCSSを縮小化しているので、縮小化しないのを試してみようと思います。

投稿者:: @ねっす～

ちなみにサーバーはCoreserverです。

サーバーの高速化を停止してみるとどうなりますか？

投稿者:: @kyan

Cocoon設定>縮小化>CSS縮小　より　「CSSを縮小化する」のチェックを外す

オプションを変更してから1日間、不定期でF5しましたが今の所崩れていません。

ということは、CSSカスタマイズ関係が原因ということもあるかもしれません。

①一度テーマを「何も手を加えていない親テーマ」に変更して、症状が再現されるかを確認してみてください。

②出来ればその状態で、全てのプラグインを無効にした状態でも試してみていただければと思います。

①の状態で症状が改善されれば、「CSSカスタマイズ＋CSS縮小化」が原因。

②で改善されれば、「プラグイン＋CSS縮小化」が原因という推測が立つかと。

投稿者:: @lukehide

症状は、Reloadすれば正常表示されます。

投稿者:: @ねっす～

スーパーリロード、Chrome設定からのCookieを含めた削除を行っても症状が現れました。

人によって症状がバラバラなので、これについてはちょっと何とも言えないかも ? 

こんばんわ。

皆さんが試されていたCSSの圧縮化を一旦やめてみたところ、症状は出なくなりました。

自分の調べてみた結果ですが、どういったタイミングでこのコードが増えるのかまでは知識不足でわからなかったのですが、Jetpackが追加している

<style id='admin-bar-inline-css'>の途中、@media screen and (max-width: 959px ) {に閉じ括弧が無いというのが原因なのではないでしょうか。

CSSの圧縮化を有効にしている場合は、閉じ括弧が無いのでそのまま下に通常のCocoonのStyleが記述されてしまい、表示が崩れるのかなと。

添付画像はChromeでソースコードを表示→名前を付けて保存してから、VSCodeでコード整形をかけたものです。

ログインしている状態(管理バーが出ている状態)でしか、症状が出なかったので今の所自分の環境下ではこれが原因ではないかと思っています。

※途中まで書いて圧縮じゃなくて縮小化なことに気が付きました。読み替えてください^^;

@ねっす～ さん

と、言うことは、ねっす～さんの仮説が当たっていれば、jetpack を停止してさえいれば、CSSの縮小化をONにしていても、症状は出ない、はず？、ということになりますね。

wp-admin-bar-jetpack-scan-notice

というのは、ログイン時に表示されるバーか何か、ということになるのですね？

@leafytree さん

先ほどJetpackを停止して、CSSの縮小化を有効に戻した所なのでしばらく様子を見てみます。(使っているのはパブリサイズ共有と統計情報の表示くらいなので、停めていても大丈夫かなと。)

Githubで確認したところ、該当のコードは16日前に追加されたばかりのようです。
このコードの117行目が該当箇所のような気はしますが、検索で探し出しただけなのでどういう動作のコードなのかはさっぱりわかりません。

https://github.com/Automattic/jetpack/blob/master/modules/scan/class-admin-bar-notice.php#L117

@ねっす～ さん

がんぱって！ ? 

Jetpack の初歩的ミスですね。その CSS があっては、CSS を縮小すると変になるのは分かります。

ちなみに、threat notifications（脅威通知のスキャン機能？）を管理者バーに表示するための CSS みたいです（下記リンクの最初の画像の赤い警告マークと Threats Found の部分）。

Add Jetpack Scan threat notifications

この Jetpack の CSS はインラインで書き込んでいるため、Cocoon 設定から除外できません。該当箇所を直接修正するか、スキャン機能？を無効にすれば直るかもしれません。もしくは、Jetpack の修正があるまで、CSS 縮小を無効にするしかないかもしれません。