CLS（Cumulative Layout Shift）が再び悪化！ChatGPTと相談しながら無事解決

テーマをCocoonから高速と評判のSwellに変更し、WP Rocketを導入してさらに高速化できました。 詳細はサイト高速化の記事をご参照ください。

その後、CLSが再び悪化していることが判明しました。

忘備録として、皆様に経験をお伝えします。無事解決しましたので共有します。

WP Rocketとは、WordPress用の有料キャッシュプラグインで、ウェブサイトの読み込み速度を高速化するためのツールです。CSS、JavaScript、HTMLの圧縮や軽量化も行い、サイトのパフォーマンスを向上させます。

広告の下に記事が続きます

課題・現象

発生条件

• レンタルサーバー：エックスサーバー 
• テーマ：Swell
• 使用プラグイン：WP Rocket、Simple Custom CSS and JS、BackWPup　など

現象

CLS問題が複数のページで発生しており、すべてのページでスコア0.422を記録しています。この現象には謎が残ります。

広告の下に記事が続きます

経緯

プラグイン「Simple Custom CSS and JS」やWordPressのカスタマイズを確認しても、問題は見当たりませんでした。広告を削除したり、テキストを変更したりしましたが、問題の解決には至りませんでした。

WP Rocketに関しては、サポートに英語で問い合わせをしました。このやりとりもChatGPTにアシストしてもらいました。

その間、ChatGPTにもアシスタントとして活用し、提案した対策を試みましたが、問題は解決しませんでした。ChatGPTの提案にはあまり効果がなく、AIに過度な期待は禁物だということが今回改めてわかりました。

サポートからは2回ほどアドバイスを受けましたが、最初は効果がありませんでした。最後には、サイトに詳しい人に聞いてみてほしいと言われ、プラグインが原因ではないことが判明しました。サポートは自社のプラグインが原因ではないと推測していたものの、時間を割いて様々なアドバイスをしてくださり、そのおかげで問題が解決しました。感謝しています。

テーマSwellが原因かもしれないと考え、過去の問い合わせ内容を確認したところ、CLSが悪化したケースを発見しました。それに基づき、記載された対策を実施し、問題を解決しました。記憶を辿ると、SwellとWP Rocket導入後にサーバーの高速化設定を変更したことが原因だったと思われます。

広告の下に記事が続きます

具体的な対策内容

エックスサーバー  の高速化設定を変更して、すべてOFFにしました。

CLSスコアが0.422から0に劇的に改善しました。アドセンスが自動広告設定でも、WP Rocketの力でここまで高速化できます！

【PR】高速・安定・高機能！エックスサーバー は月990円〜、初期費用無料。運用サイト数250万件、稼働率99.99%、KUSANAGI搭載でWordPressも超高速。独自ドメイン＆SSL永久無料、多数ドメイン・メール対応！安定運用をAI＆復旧機能でサポート。

広告の下に記事が続きます

まとめ

CLSの悪化に気づいたときは正直焦りましたが、原因を一つずつ探りながら試行錯誤することで、なんとか解決にたどり着けました。テーマやプラグインを変えても、思わぬところに落とし穴があると実感しました。同じように悩んでいる方の参考になればうれしいですし、少しでも不安が軽くなれば幸いです。あなたのサイトもきっと改善できます！

この結果をWP-rocketサポートに連絡。冗談交じりの返信をいただきました。

次の記事も、きっとあなたのお役に立ちます。気になる方はこちらからチェック！