ホーム › Core Web Vitalsの直し方
Core Web Vitals
Core Web Vitalsの直し方
LCP・INP・CLS — 3つの指標が語るのは1つのこと。「本物のスマホで、待たされたり画面が飛び跳ねたりせずに、ページを使えるか？」という話です。WordPressもチューニングはできますが、本当に合格し続けるなら、CDNから配信する静的HTMLが唯一の近道です。
LCPはTTFBを削り、ヒーロー画像を最適化することで改善します。INPはメインスレッドをふさぐJS（ページビルダー、クリック発火のGTM、チャット）を外すことで改善します。CLSは画像にサイズを指定し、遅れてコンテンツを差し込まないことで改善します。WordPressでページビルダーを使っているなら、Cloudflare上の静的Hugoに移行するのが、来週壊れるプラグインスタックに頼らずCore Web Vitalsに合格し続けるための確実な方法です。
WordPressEscapeの無料60秒診断では、実際のPageSpeed、Core Web Vitals、SEOの抜け穴、ページ数を一気にチェックできます。そのうえで、すべてお任せのHugo移行でWordPressを削除し、すべてのURLを維持したままCloudflareのエッジにホスティングします。
サイトを無料でスキャンする →LCP — ページが表示されるまでが遅い
Largest Contentful Paint は、たいてい「ヒーロー画像＋遅いファーストバイト」です。WordPressのTTFBは避けられない“税金”のようなもの。HTMLをエッジから返し、LCP対象の画像にはwidth・height・fetchpriorityをきちんと指定する。それだけでLCPの大部分は片付きます。
INP — タップしたのに反応がふらつく
Interaction to Next Paint の正体はJSです。Elementor、GTM、チャット、スライダー。Delay-JS系のプラグインは、モグラ叩きのような対処にしかなりません。フォームや検索といった小さなランタイムだけを載せた静的ページなら、400KBのjQueryなんて要りません。
CLS — ページがガタガタ動く
サイズ指定のない画像、Webフォント、広告、Cloudflareのメール難読化などが原因です。きちんと寸法を入れる。描画後にヘッダーなどを差し込まない。これは自分たちのサイトで痛い目を見て学んだことですが、メール難読化はCLSを悪化させる典型例です。
無料スキャンでは、レンダリングをブロックしているリソース、抜けているsrcset、レイアウトの問題を検出します。そのうえで、移行によって「Core Web Vitalsに合格している状態」を標準にします。
WordPressEscapeの無料60秒診断では、実際のPageSpeed、Core Web Vitals、SEOの抜け穴、ページ数を一気にチェックできます。そのうえで、すべてお任せのHugo移行でWordPressを削除し、すべてのURLを維持したままCloudflareのエッジにホスティングします。
サイトを無料でスキャンする →よくある質問
Core Web Vitalsとは何ですか？
Googleが実際の利用環境から計測する3つの指標（読み込み速度のLCP、操作応答性のINP、視覚的安定性のCLS）です。検索順位と、ページの使い心地の両方に影響します。
WordPressでもCore Web Vitalsに合格できますか？
ごくシンプルなテーマで、ほとんどプラグインを入れていない場合は、合格できることもあります。ただし、プラグインが多いサイトやページビルダーを使ったサイトは、「良好」な範囲を維持し続けるのがほぼ不可能です。静的配信が、安定して合格し続けるための現実的な選択肢です。
WordPressEscapeはCore Web Vitalsを改善してくれますか？
はい。新しいキャッシュプラグインを入れるのではなく、Cloudflare上の静的HTMLへ移行することで改善します。URL構造はそのまま維持されるので、検索順位がリセットされることもありません。
core web vitals の直し方lcp を直すcls を直すinp を改善