ラボ計測とは違う、現場の数字

Lighthouse や PageSpeed Insights は、開発者の手元で 1 回計測した結果に過ぎません。 実際のユーザーがどんな環境でどのようにサイトを体感しているかは、ラボ計測だけでは把握できません。

RUM でしか得られない 3 つの情報

• Web Vitals Attribution — 「LCP が遅い原因は <img src="/hero.jpg">」「INP の対象は button#submit」のように、訪問者全体の統計から「原因要素」を特定できます。
• セグメント分析 — モバイル / デスクトップ、4G / slow-2G、国別など、特定のセグメントだけ悪化していないかを比較できます。
• リグレッション検知 — 前日比・前週比で p75 / p90 が悪化したときに Webhook で自動通知します。サンプル数 1 のラボ計測では原理的に判定できない領域です。

このデモページの仕組み

kanripress-vitals-demo.pages.dev 内のすべてのページに、本番と同じ https://vitals.kanripress.com/rum.js を data-site-id="kp_demosite" で読み込んでいます。

トップページで「わざと重いボタン」を押すと、意図的に用意した busy-wait が走って INP が悪化します。 その計測値は実際のビーコンとして KanriPress Vitals のデモアカウントに送信され、 公開ダッシュボード にあなたの操作が反映されます。