端くれプログラマの備忘録 Webサイト制作 [Webサイト制作] UX指標が示すこと (LCP/INP/CLS)

[Webサイト制作] UX指標が示すこと (LCP/INP/CLS)

以下のウェブサイト指標は、ユーザーエクスペリエンスを評価するための重要な要素です。

  1. Loading Speed – Largest Contentful Paint (LCP)
    LCPは、ページの主要なコンテンツが表示されるまでの時間を示します。これはページロードの速度を測定する指標で、ユーザーが「ページが読み込まれた」と感じるまでの時間を表します。理想的には2.5秒以内が望ましいとされています。
  2. Interactivity – Interaction to Next Paint (INP)
    INPは、ユーザーの初回のインタラクション(クリックやタッチ、キー入力など)に対する応答時間を測定します。この指標は、ページがどれだけ速やかに反応し、次の表示を行うかを示し、インタラクションの滑らかさを評価します。通常、300ミリ秒以下が理想とされます。
  3. Visual Stability – Cumulative Layout Shift (CLS)
    CLSは、ページコンテンツの予期しないレイアウトの変更がどれだけ発生するかを測定する指標です。ページの読み込み中に画像や広告が突然移動するといった問題に対して、視覚的な安定性を評価します。低いスコア(0.1以下)が理想的で、ページが安定して表示されることを目指します。

これらの指標は、Googleの「Core Web Vitals」に含まれ、ウェブパフォーマンスの最適化に取り組む際の指標として重要です。