Lighthouseだけでは足りない理由

Lighthouseは優れた診断ツールですが、ラボデータのみを測定するため実際のユーザー体験（RUM）を反映しません。2026年のパフォーマンス監視は、ラボ測定とRUMの両方を組み合わせるのが標準です。

1. Web Vitals — Chrome UX ReportとCrUX API

Googleが提供するChrome UX Report（CrUX）は、実際のChromeユーザーからのフィールドデータを集約しています。APIでクエリ可能で、自社サイトだけでなく競合サイトのパフォーマンスも分析できます。

const response = await fetch(
  'https://chromeuxreport.googleapis.com/v1/records:queryRecord?key=YOUR_KEY',
  {
    method: 'POST',
    body: JSON.stringify({
      origin: 'https://example.com',
      metrics: ['largest_contentful_paint', 'cumulative_layout_shift']
    })
  }
);

2. Sentry Performance

エラー監視で有名なSentryですが、パフォーマンス監視機能も充実しています。トランザクション単位でトレースを取得し、フロントエンドからバックエンドまでを一貫して追跡可能です。ReactやNext.jsの自動計測に対応しており、導入が容易です。

3. Datadog RUM

DatadogのReal User Monitoringは、セッションリプレイとパフォーマンスデータを組み合わせた強力なツールです。ユーザーが実際に体験したLCP、FID、CLSを個別のセッション単位で確認でき、遅い原因となったリソースやコードを特定できます。

4. SpeedVitals

SpeedVitalsは、世界中の複数の場所から同時にパフォーマンス計測を行えるツールです。Lighthouseベースの診断に加え、Web Vitalsの継続的モニタリング機能を備えています。無料枠でも十分な計測回数が提供されるため、小規模サイトにも適しています。

5. Grafana + Prometheus + OpenTelemetry

自己ホスト型の監視パイプラインを構築したい場合、OpenTelemetryを使ってブラウザからトレースデータを収集し、Prometheusで蓄積、Grafanaで可視化する構成がデファクトスタンダードです。

Lighthouseは開発中のチェックには便利ですが、本番環境の監視は上記のツールで行うことをおすすめします。