Google Core Web Vitalsは、Webページの読み込み速度（LCP）、対話性（INP）、視覚的安定性（CLS）を測定してユーザーエクスペリエンス（UX）を評価し、それを検索順位に反映する重要な指標です。 Googleサーチコンソールを使用すると、自分のサイトがデスクトップとモバイル環境でこれらの指標をどれだけうまく満たすかを簡単に診断できます。
サーチコンソールで全体的な状況と問題のあるページを特定した場合、具体的な解決策は「ページスピードインサイト」を参照してください。ここでは、そのURLのパフォーマンススコアを測定し、Googleが直接診断する推奨事項を1つずつ適用していく方法でコアWebバイタルを効果的に改善できます。
この WordPress ブログの場合、デスクトップ上のCLSの問題のため、ほとんどのURLが改善を必要とするURLとしてマークされました。新聞の休暇中に、既存のコードを整理して改善することで、コアWebバイタルを改善することができました。
WordPress コアウェブバイタルの改善
現在のウェブサイトがどれほどうまく最適化されているのか気になる場合は、 Google検索コンソールの「コアWebバイタル」レポートですぐに確認できます。
通常、モバイルで改善が必要だという項目が表示されますが、このブログの場合見てみるとしばらくデスクトップからほとんどのURLが '改善が必要なURL'と表示されていました。
幸いなことに、最近の対策を講じて問題を解決しました。 レポートを開くをクリックすると、具体的にどの部分で改善が必要かを確認できます。
CLSの問題により、長い間改善が必要であるという警告が表示されていることがわかります。
CLS（累積レイアウト移動）は、Webページの読み込み中に予期せず画面要素が移動する現象を数値化した指標です。画像や広告などが遅く読み込まれ、既存のコンテンツが押し出されたり画面が震えたりする不安定性が発生すると、CLSスコアが悪化します。
このブログではバナー画像が読み込まれた瞬間的に微細に押される現象が現れ、CLSスコアが0.1以上になり改善が必要と評価されたようです。
コアWebバイターを改善するには、ページスピードインサイトでサイトの最適化ステータスを確認して、最適化されていないものを改善します。
2018年から LighthouseでPageSpeed Insightsをサポートそのため、Chromeブラウザでサイトにアクセスした状態でF12キーを押してください。 Lighthouse タブをクリックしてページ最適化の状態を分析できます。
既存のコードを整理して改善した後、ページスピードインサイトスコアは以前よりも向上しました。😄
下にスクロールすると、サイトの最適化に必要な情報を確認できます。
ウェブサイトに新しいコードを追加したり、既存のコードを修正した場合は、適用後にページのパフォーマンスを再分析して悪影響がないかどうかを確認することをお勧めします。私の場合でも、Google Analytics（GA4）トラッキングコードを別の方法で挿入し、むしろページスピードインサイトスコアが大幅に低下しました。
確認してみると、Google Tag Managerスクリプトの1つがなんと1.7秒（1,730ms）の間も画面レンダリングをブロックし、これがLCP（最大コンテンツフルペイント）スコアを削る主な原因でした。 LCP（Largest Contentful Paint）は、ユーザーが最初に見る画面（ビューポート）で最大の主要コンテンツ（ヒーロー画像やメインテキストなど）が完全に表示されるまでにかかる時間を意味し、Googleの推奨基準である2.5秒以下を達成しなければ優れたユーザー体験として評価されます。
具体的な原因を特定したら、問題のあるコードを改善するように修正できます。
👉データベースの自動ロード（Autoload）サイズを最適化することもロード速度を向上させ、コアWebバイタルにプラスの影響を与えます。
サイト最適化のための基本的な措置
WordPress サイトの速度が遅い場合は、いくつかのアクションでサイトの速度を大幅に向上させることができます。
- 軽いテーマとプラグインを使用してください。サイトの速度が重要な場合 GeneratePressのような高速テーマの使用を検討することができます。 エレメンページビルダーが現在1000万個を超えるサイトに使用され、大きな人気を集めています。 Elementorを使用すると、簡単で便利なデザインのページを作成できますが、最適化が正しく行われないとサイトの速度に悪影響を及ぼす可能性があります。
- プラグインの使用を最小限に抑えます。プラグインを多用してもサイト速度が必ずしも遅いわけではなく、むしろ間違ったプラグインを1つだけ使用してもサイト速度が非常に遅くなることがあります。ただし、プラグインの数が多すぎるとクラッシュする可能性が高くなり、速度に悪影響を及ぼす可能性があります。不要なプラグインはできるだけ使用しないことが望ましい。
- キャッシュプラグインの使用。キャッシュプラグインを使用すると、サイトの速度が大幅に向上する可能性があります。
プラグインを使用せずに、代わりにコードを直接作成して追加する場合、チャットGPTやジェミナイなどAIにコードがサイト速度やSEOなどに最適化されているかどうか尋ねて改善できるなら改善するのも役に立ちそうです。
私はずっと前に作ったコードをAIでスピードに最適化するように頼んでコードを修正しました。誤って作成されたコードは、サイトの速度に影響を与えたり、サーバーに過度のトラフィックを引き起こしてサーバーがダウンしたりする可能性があります。
クラウドウェイズを使用している場合は、モバイルキャッシュ機能を有効にしてモバイルデバイスでも速度を向上させることができます。
そして、できるだけWPCodeなどのプラグインにコードスニペットを追加しすぎないことが望ましいかもしれません。コードスニペットが多いと、サイトの速度に悪影響を及ぼす可能性があります。
ページスピードインサイトスコアは重要ですか？
PageSpeed Insightsスコア自体は、Googleが順位をつける際に直接使用する「ランキングスコア」ではなく、Core Web Vitals・速度指標を総合して示す診断用指標に近いです。
もちろん、ページスピードとコアウェブバイタルスコア自体が検索ランキングに絶対的に依存するわけではありません。ただし、同じ品質の2つの文書が競合している場合は、より速くより信頼性の高い画面をユーザーに提供するページがより高い露出に有利になります。
したがって、スコアを100点まで上げるよりも、スコアが低すぎてユーザー離脱が増える状況（例：50点未満、LCP・INP・CLSが「悪い」領域）にあたらないように改善しておくことがSEOおよびユーザー体験（UX）の点で実質的に重要だと見ることが現実的かもしれません。
PageSpeed Insightsスコアが高いため、Googleと Naver 検索結果で親ページに表示される保証はありません。私が知っているいくつかのサイトはスコアが非常に低いにもかかわらず、Googleと Naverによく公開されています。😄
当サイトはあまりにも多くの機能を搭載し、訪問者も多いのでサイトの速度が遅い方であり、このためユーザーの不満が多い方です。もしスピードを劇的に改善すれば、より多くの訪問者の流入が可能ではないかと考えられます。
最後に、
私はコアウェブバイタルをあまり気にする方ではありませんが、異王なら良いスコアを得るのが良いようです。このブログではプラグインのインストールを最適化し、追加したコードをAIを通じてスピードとSEOに適合するように改善しました。
現在、悪意のあるIPブロックとスパムボット対応のためにクラウドフレア無料版を連動して使用中です。韓国内のCDNエッジ位置がないため、韓国では遅延の懸念があるかもしれませんが、実際にはルーティングの最適化とキャッシングのおかげで、速度低下がわずかなレベルのようです。
Googleのページスピードインサイトのスコアは絶対的なものではありませんが、スコアが低すぎる場合は、原因を特定して解決を試すことができます。
Chrome Lighthouse拡張プログラムで分析してみましたが、PSI Frontendはスコアが低くなり、Lighthouse Viewerはスコアが高くなります。
はい、ウェンほどまともに出てきたら気にしなくてもいいようです。分析するたびに異なって出て、スコアが高いってGoogleや Naverによくさらされるという保証はありません。ただし、スコアが低すぎる場合は、問題を分析してサイトの速度を改善しようとすると役に立つと思います。 😄