「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

(モバイル)全ページで急にCLS問題、...
 
共有:
通知
すべてクリア

[解決済] (モバイル)全ページで急にCLS問題、広告ではなさそう?

12 投稿
3 ユーザー
12 Likes
805 表示
sharon
(@sharon)
Estimable Member Registered
結合: 4年前
投稿: 79
Topic starter  

久しぶりにチェックしたら急にモバイル限定で全ページCLS に関する問題0.1 超でひっかかりました。

広告を遅延読み込みにしたり高さを設定したり試したものの何も解決せず。

 

(分からない事)

 

①使用していないJavaScriptの削減や第三者コードの問題に、

fundingchoicesmessages.google.com 

などが出現(以前はなかった気がする)したのですがこれが何か分からないのですが広告でしょうか?

 

最大コンテンツの描画 要素 エラー 

これの調べ方が分からない

 

<frame> または <iframe> の要素にタイトルが指定されていません 

これの解決方法が分からない

 

クリティカル リクエスト チェーンを回避してください

https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js?ver=3.6.1

https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.3.2/jquery-migrate.min.js?ver=3.0.1

 

 

「ブラウザのエラーがコンソールに記録されました」の表示も気になります。あまり難しい事はまだ未熟なので出来ませんが何かアドバイス等ございましたらよろしくお願いいたします。

 

(全ページですがそのうちの1つ)

例URL  https://blog.netabare-arasuji.net/entry/highclass/

 

サイト名:鑑賞感想
サイトURL: https://blog.netabare-arasuji.net
ホームURL: https://blog.netabare-arasuji.net
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.2
PHPバージョン:7.4.33
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.5.9
カテゴリー数:10
タグ数:3
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.0.8
style.cssサイズ:3837バイト
functions.phpサイズ:289バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
----------------------------------------------
利用中のプラグイン:
Advanced Editor Tools 5.9.0
Category Order and Taxonomy Terms Order 1.7.5
Contact Form 7 5.7.6
EWWW Image Optimizer 6.9.3
Jetpack 12.1
Redirection 5.3.10
Sitemap Generator 4.1.10
UpdraftPlus - Backup/Restore 1.23.3
WP Fastest Cache 1.1.5
WP Multibyte Patch 2.9
----------------------------------------------

 

 

 


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16317
 

投稿者:: @sharon

①使用していないJavaScriptの削減や第三者コードの問題に、

fundingchoicesmessages.google.com 

などが出現(以前はなかった気がする)したのですがこれが何か分からないのですが広告でしょうか?

とりあえず時間がある時に調べたのから一つずつ。
詳しくは分かりませんがfundingchoicesmessages.google.comはこれと関係のあるものなのではないでしょうか。
https://gigazine.net/news/20180417-google-funding-choice/


   
sharon reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16317
 

ちなみにCLSとはこういったことなのでどれも関係ないようには思います。
https://www.sakurasaku-marketing.co.jp/labo/blogs/cls
https://gmotech.jp/semlabo/seo/blog/cwv_cls/
※まだ他は調べてないのでもしかしたら関係あるかもだけど


   
sharon reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16317
 

ちなみにCLSの改善点としてこちらが挙げられています。


   
sharon reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16317
 

空の改行を含むこの部分ですね。なんでかは分からないけど。


   
sharon reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16317
 

投稿者:: @sharon

最大コンテンツの描画 要素 エラー 

これの調べ方が分からない

こちらのLCPに関しては以下が参考になるかと思います。
https://wagtechblog.com/blog/page-speed-largest-contents.html


   
sharon reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16317
 

投稿者:: @sharon

<frame> または <iframe> の要素にタイトルが指定されていません 

これの解決方法が分からない

これに関しては該当ページで上記のメッセージが表示されていなかったので分かりませんでした。


   
sharon reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16317
 

投稿者:: @sharon

クリティカル リクエスト チェーンを回避してください

https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js?ver=3.6.1

https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.3.2/jquery-migrate.min.js?ver=3.0.1

jquery.min.jsに関してはjQueryでサイトを動的に操作するのに必要なものなのでどうしようもないかもしれません。
jquery-migrate.min.jsはもう削除してしまっても良いかもだけど。


   
sharon reacted
sharon
(@sharon)
Estimable Member Registered
結合: 4年前
投稿: 79
Topic starter  

@yhira

 

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

時間があるときに調べながら試してみるものの時間が足りずなかなか進まずです。

 

どうしても、

最大コンテンツの描画 要素 エラー の問題が改善されない。

EWWW Image Optimizerのプラグインだけでは足りないのか・・・まだ試行錯誤

 

そして

<frame> または <iframe> の要素にタイトルが指定されていません

これは、すべてアドセンス広告っぽい。

 

 

 


   
(@akira)
Famed Member Registered
結合: 6年前
投稿: 1657
 

@sharon さん

どうしても、

最大コンテンツの描画 要素 エラー の問題が改善されない。

Google クローラーが、どれが最大視覚コンテンツなのか判定できていないのだと思います。

最大視覚コンテンツとして判定される要素は、どのような要素が考慮されますか? に書かれています。

ファーストビュー(最初に見える範囲)に画像や動画がない。モバイルでの <h1> と <h2> のフォントサイズが 20px と同じ。他に目立つ要素がない。そのため、どれが最大視覚コンテンツなのか分からないような気がします。

モバイルでの <h1> のフォントサイズを大きくしたり、上下に余白を取ったりして目立つようにすれば、Google クローラーが <h1> を最大視覚コンテンツとして判定できるかもしれません。

ちなみに、Chrome のデベロッパーツールにある Lighthouse で計測した場合、添付画像のようにアドセンスの下にある登場人物の部分が最大視覚コンテンツとして判定されます。アドセンスの読み込みが遅いのが原因だと思います。

<frame> または <iframe> の要素にタイトルが指定されていません

これは、すべてアドセンス広告っぽい。

JavaScript でアドセンス広告に title 属性を付けられると思います。ただ、正確な title 属性は付けられません。せいぜい title="広告" とぐらいしか書けないと思います。

私であれば、Google が修正するのを気長に待ちます。

This post was modified 11か月前 3回 by Akira

   
sharon and わいひら reacted
(@akira)
Famed Member Registered
結合: 6年前
投稿: 1657
 

申し訳ないです。訂正します。

どうしても、

最大コンテンツの描画 要素 エラー の問題が改善されない。

これは PageSpeed Insights の不具合かもしれません。どのサイトを計測してもエラーになります。

GitHub にも報告が上がっていて、Google のエンジニアさんがエラーを再現できたと言っています。

参考:Largest Contentful Paint element — Error!


   
わいひら and sharon reacted
sharon
(@sharon)
Estimable Member Registered
結合: 4年前
投稿: 79
Topic starter  

@akira 

 

ありがとうございます。

いろいろと試行錯誤しながらいじくっていたら数字的には何も変わらなかったのですが

良好に戻っていました。

PageSpeedInsightsの不具合だったのですね、教えていただきありがとうございます。

 

This post was modified 11か月前 by sharon

   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました