高速化されているので、わからないですけど

.list .card-thumb img {
	border: 3px solid #fff;
	border-radius: 4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	transition: all .4s ease-out;
}

これは誰が書いたCSSですか？

• Cocoon設定・高速化の　縮小　を停止していただけますか。

CSSのほうが表示が速いのも関係してるかもしれません。

たぶんLazy Load機能で追加されたChromeの該当機能loading="lazy"が影響しているかと思います。

FireFoxで確認したらそのようにはならないかも。

ついでに高速化の圧縮機能を停止して、Cocoon設定・テーマ情報を置いてテーマ作成者さんの回答を待ってくださいね。

＞Cocoon設定・高速化の　縮小　を停止していただけますか。

失礼いたしました！失念してました。

＞これは誰が書いたCSSですか？

私が書くcssの雰囲気ではないですね。たぶんスキンのcssだったと思います。

＞たぶんLazy Load機能で追加されたChromeの該当機能loading="lazy"が影響しているかと思います。

なるほど、ブラウザ側ですか。
たしかにedgeで確認したらその現象は起きず（IEは起きたけどまあ気にしない）。Firefoxは手元にないのですぐ確認する気にならなかったですが、たしかに動作確認していたブラウザはレンダリングエンジンが全てBlinkだったので納得かもです。

LazyLoadを解除したらブラウザによらず例の現象は起きませんでした。
（というかOFFにした方がページ表示速度が異常に速くなるんですがこれは別件…？）

結論としては「Cocoonではどうしようもない」なのでしょうか。

----------------------------------------------
サイト名：みるめも
サイトURL： https://milmemo.net
ホームURL： https://milmemo.net
コンテンツ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-fuwari-mirucha/style.css
Wordpressバージョン：5.2.3
PHPバージョン：7.2.17
ブラウザ：Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.93 Safari/537.36 Vivaldi/2.8.1664.40
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：1.9.9.5.2
カテゴリ数：17
タグ数：1070
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.7
----------------------------------------------
Gutenberg：0
AMP：0
PWA：0
Auto Post Thumbnail：0
ホームイメージ：/wp-content/uploads/ogp_default.png
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：1
Lazy Load：1
WEBフォントLazy Load：1
JavaScript（フッター）：1
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.2
Aurora Heatmap 1.1.1
BackWPup 3.6.10
Broken Link Checker 1.11.8
Compress JPEG & PNG images 3.2.0
Contact Form 7 5.1.4
Google XML Sitemaps 4.1.0
Search Regex 1.4.16
TinyMCE Advanced 5.2.1
W3 Total Cache 0.10.1
WebSub/PubSubHubbub 3.0.3
WP-Optimize - Clean, Compress, Cache 3.0.12
WP Multibyte Patch 2.8.2
----------------------------------------------

現在Lazy Loadは無効になっていますか？
僕はまだちょっと症状を見ていないので無効にしている場合は、有効にしていただけると助かります。

ただ、Chromeのloading="lazy"が原因の場合は、それがChromeのLazy Loadの仕様なんだと思います。

わいひらさん

申し訳ありません！LazyLoadをOFFにしたままでした。ONに戻しました。

当然画像の遅延読み込みという作業はやらなくなるのでPageSpeedInsightsのスコアはもちろん、WebPageTestのダイアグラムもものすごいことになってしまいましたが、体感の速度はOFFにした方が段違いに速いしノンストレスです。なぜ…？

格安SIMでモバイル回線、ブラウザはChromeにて実験してみましたが、ユーザビリティ的にはLazyLoadはOFFの方が数段上でした（もちろんキャッシュ類はリセットしてます）。僕だけの環境かもしれませんが、一応ご報告です。

とにかくCocoonに依存しない件でしたが、相談に乗っていただきありがとうございました。

これからもよろしくお願い致します。

僕の環境で試して見ましたが、添付画像のようにそこまで気になるものではありませんでした。
ただやはり動作は、ChromeのLazy Loadの仕様なのではないかと思います。

体感の速度はOFFにした方が段違いに速いしノンストレスです。なぜ…？

Lazy Loadとはそういうものですよ。

• Lazy Load OFF：読み込み時間は0コンマ何秒遅いかもしれないけど、ページ描画は一発で表示される
• Lazy Load ON：読み込み時間は0コンマ何秒速いかもしれないけど、ページ描画で画像なしページが読み込まれたあと、スクリプトにより画像が遅れて読み込まれる

Lazy Load ONの場合は、ドキュメント（ページ）の読み込み時間は早いかもしれませんが、ページ表示と画像の表示にタイムラグがあるため体感的にストレスに感じるということだと思います。

僕個人としては、無理に利用する必要はないと思います。
PageSpeed Insightsのスコアよりも、内容が全然大事だと思うので。

.list .card-thumb img {
	border: 3px solid #fff;
	border-radius: 4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	transition: all .4s ease-out;
}

これは誰が書いたCSSですか？

上記私の質問と、以下。みるみさんの回答の件で今更ですが・・・！

＞これは誰が書いたCSSですか？

私が書くcssの雰囲気ではないですね。たぶんスキンのcssだったと思います。

Cocoon設定・高速化の　縮小　を停止。ありがとうございます。

Skin Name: Fuwari -海松茶(みるちゃ)-

スキンの仕様みたいですね。このスタイルを初期化したら、運営者さんがきになる点の「見た目の違和感」だけでも変わってくると思います。

あと、憶測ですが。冒頭のなぜ？？の部分

今までは全く見たことがない現象でしたので、なにかテーマ側で仕様が変わったのかと思いご質問させていただきました。

“Lazy Load機能で追加されたChromeの該当機能loading="lazy"が影響”をPageSpeed Insightsが考慮：対応した状況なのな。とか、PageSpeed Insightsの機会的なアルゴリズムがどの範囲のページスピードをチェックしてるのかとか微妙かもしれないですね？

とか思ってしまいます。

個人的に書き込みを見てると、Akiraさんって方がこの分野をよく見ている気がします。※私はまるっきり放置分野ってのが前提ですが。書き込みをチェックしページ内検索したら、詳細が書かれているページがあるはずです。もし万が一、興味があれば。 https://wp-cocoon.com/community/profile/akira/

＞わいひらさん

たしかにLazyLoadがどういうものなのかは漠然としか分かっていなかった気がします。ユーザーの気持ちを思うと、これからは外そうかなと思います。
ただし僕のブログは画像サイズが非常に大きいので、これの対策は必須ではあります（今後はWebp対応とsizes,srcsetの読み分けを導入しようと思ってます）。

＞かうたっくさん

見た目の違和感の件に関してはたしかにそうですね。特にborder:solid;とbox-shadowあたりはそう感じます。しかし欲しいデザインですので…。
（別件ですが、スキンのcssは別に頼る必要がないので今使っているところだけ自分で抜き出してスキンの使用はやめる予定です。余計なcssファイルの読み込み数も減りますし）

PageSpeedInsightsがGoogleの支配下にあることを考えると、たしかにChromeのアップデートがそれと関連してくる可能性はこれからも高そうですね。最近のスコアはユーザーの体感と随分かけ離れていると感じていますが…。

お二方、今回もありがとうございました。

見た目の違和感の件に関してはたしかにそうですね。特にborder:solid;とbox-shadowあたりはそう感じます。しかし欲しいデザインですので…。
（別件ですが、スキンのcssは別に頼る必要がないので今使っているところだけ自分で抜き出してスキンの使用はやめる予定です。余計なcssファイルの読み込み数も減りますし）

確かに、スキンは素敵なデザインが豊富なので、必要な部分のみ取り出すのも良いと思います！

あと、記事一覧だけ不要なCSSを有効化しないようにも、しやすいテーマだと思います。例えばですが、bodyclassだけでなく、イロイロclass指定があるのでチェックしたらイケなくないかもしれないですね。

****

グーグルさんもチームに分かれているっポイので、そこまで対応しきれないよ。的な事もあるかもしれないですね ? ? ? 

真摯な書き込み、みなさまお疲れさまでした！