こんにちは。

swellテーマでサーチコンソールので確認した時に「モバイルでページ エクスペリエンスが良好な URL は 0.5%」,

「CLS に関する問題で 0.25 超（モバイル）に達する不良URLは191」と表示がが出ました。

しかも、PageSpeed InsightsでもCumulative Layout Shift (CLS)で赤色の0.26、First Contentful Paintで2.4秒、Speed Indexは4.5秒、Largest Contentful Paintは6.5秒という苦しい結果です。

調査の結果分かった問題は以下の通り。

・使用していない CSS の削減

・テキスト圧縮の有効化

・ウェブフォント読み込み中のテキストの表示

（内容が似た解決トピックがあるため参考にするand親テーマへの追記で解決できる可能性　URL： https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5522）

・document.write() を使用しない

・静的なアセットと効率的なキャッシュ ポリシーの配信

・First Contentful Paint (3G) 

・メインスレッド処理の最小化

画像の幅と高さの固定に関しては表示が出ませんでした。

CLSとはページを開いたときに起きる画像のずれのことを言いますが、今回はそのずれが起きなかったので、原因は別にあるのではないかなと思い、このトピックを作成しました。

Cumulative Layout Shiftでも0で良好と表示されています。

心当たりのある点は以下の通りです。

・遅延読み込み機能で「記事下コンテンツを遅延読み込みさせる」、「フッターを遅延読み込みさせる」、「画像等のLazyloadは使用しないを選択している」、「スクリプトの遅延読み込みをonさせている」、「遅延読み込み対象にはGoogleアドセンス等の広告やSNSボタンも含む」など設定している。

・アドセンスは全てレスポンジブで高さや幅は固定していない

対策としてアドセンスの高さをcssで設定などをしました。（全部だめだったので、元通りにしました。）

今はスマホの時代で我がブログもモバイルファーストを優先させる以上、この問題は至上命題レベルで解決しなければいけない問題です。

しかし、親テーマを編集しないといけないため、自身のブログが真っ白になることを恐れ、24時間かけても解決できませんでした。

サポート外だと思いますが、これもSwellテンプレートで起きた巨大な問題であることは紛れもない事実。

一刻も早くモバイルでページ エクスペリエンスが良好なURLを100％にしたいので、なにとぞご助力をお願いします。

（問題の解決次第非公開にする可能性も）