LCPの問題

LCP（Largest Contentful Paint）の問題とは、表示領域内の画像およびテキストブロックのレンダリング時間が長い場合の警告です。

端的にはWebページが読み込まれる速度に問題があるということです。LCP”ブラウザがビューポート内の最大の視認可能な要素をレンダリングするまでに要する時間”が長く対処が必要になる場合があります。

問題発生の原因

以下の様な原因で読込が遅くなります。

上記を推奨してはいますが、時間を掛けすぎずに行うことが出来るのは、プラグイン等で遅延読み込みを有効にするくらいでした。

コンテンツ表示の優先順位付けを意味しています。

使用していないコードを削除して対応します。

画像、イラストの多いサイトでの対処として、Image Optimizerプラグインを導入していますが、ページ内に複数の画像がある場合は大きな影響を受けている気がします。

CocoonテーマでGoogleフォントをしている場合は「Cocoon設定」＞「高速化」＞「Googleフォントの非同期読み込みを有効にする」から設定できます。

使用していない、不要なJavaScriptを削除する事によって解決します。