こんにちは、つむぎゆりです!
今回は、WordPressのCocoonテーマを使っている状況で、CLS に関する問題: 0.1 超(パソコン)と表示されたときの対処法を紹介します。
Contents
結論
僕は以下の方法を試してびっくりするぐらい改善されました笑
- フロントページのシェアボタンをオフにする
- ヘッダー画像のサイズの高さと高さ(モバイル)に数字を入れる(例:80)
- ヘッダーロゴサイズも数字を入れる(画像と同じ値でOK)
- Cocoon高速化すべてにチェックを入れる
それまでパソコンが2,4だったのに対し、なんと0に(Pape Speed Insightsで計測)
で、正直この記事の要点は上記だけなのでw、あとは余談となります。
GoogleConsoleで異常発見
良好な URL と判断されなかった理由が日をたつごとに増えていき笑、これはなんとかしなければと解決方法を検索しました。
プラグインのAutoptimizeを入れると改善されるという話があったので、Cocoonと相性が悪いという記事もありましたが、試しにいれてみました。
すると、サイトの文章がまったく表示されない事態に笑
数値は改善されましたが、Cocoonにおいて(ほかのテーマはわからない)Autoptimizeは相性がやはり悪いです。
改善後のスクショ
下記がモバイル↓
下記がPC↓
それまで0,02だったり、2,4だったりいろいろありましたが、まさかここまで改善するとは思ってなく、もっと早くやっておけばよかったとマジで思いました笑
まとめ
異常、CocoonでCLS に関する問題: 0.1 超が表示されたときの対処法を解説しました!
簡単なので試しに設定されることをおすすめします。