メインコンテンツへ移動
Boletolibre

イベントページの Core Web Vitals:LCP・INP・CLS

ポスターの表示が遅い、チケットボタンが反応しにくい、価格表示がずれる。これらは別の問題です。LCP、INP、CLS を分けて調べます。

Boletolibre編集部

公開日

読み込み、操作への応答、画面の安定性をチケットと申込の体験に結び付けます。
ポスターの表示が遅い、チケットボタンが反応しにくい、価格表示がずれる。これらは別の問題です。LCP、INP、CLS を分けて調べます。

三つの指標を読む

LCP は主要内容の表示、INP は操作への応答、CLS は予期しない位置移動を示します。Google の良好な目安は LCP 2.5 秒以内、INP 200 ミリ秒以内、CLS 0.1 以下です。検索順位は保証されません。[1]

実測と検査を分ける

Search Console は実際の利用データで似た URL をまとめます。新しいイベントはデータ不足で表示されないことがあります。Lighthouse は指定条件で原因を探す道具で、全利用者の体験そのものではありません。[2][3]

症状から調べる

LCP が悪ければ主画像や見出しの読込経路を確認します。INP ならチケット選択やフォーム操作を観察します。CLS ならボタンを動かす画像、通知、ウィジェットを探します。

変更と結果を残す

URL、端末、実測か検査か、症状、担当者を記録します。一つの原因を直して同じ経路を再確認し、価格、申込、確認を守ります。[1]

診断表をダウンロード(英語 Markdown)

出典と参考資料

  1. Understanding Core Web Vitals and Google search resultsGoogle Search Central · 確認日
  2. Core Web Vitals workflows with Google toolsweb.dev · 確認日