Lighthouseスコアとは? ページ品質の監査

Lighthouseスコアとは、Google Lighthouseがパフォーマンス、アクセシビリティ、ベストプラクティス、SEOといったカテゴリでページに付ける0から100の評価です。

Lighthouseは、ページを読み込み、一連のチェックを実行し、カテゴリごとのスコアと具体的な推奨事項を生成する自動監査ツールです。チームはこれを使って、フロントエンドの品質を長期的に追跡し、リグレッションを検出します。CIで実行すると、ページが劣化したときにdeployをブロックできる品質ゲートになります。

パフォーマンススコアの仕組み

パフォーマンススコアは、ペイントやインタラクティビティのタイミングといった複数のラボメトリクスを、重み付けされた1つの数値に統合します。これはラボでの測定なので、テスト環境に依存します。そのため、実行結果を比較するには一貫した条件が重要です。

ラボデータとフィールドデータ

Lighthouseは制御されたラボ環境で実行され、これはさまざまなデバイスやネットワーク上の実ユーザーとは異なります。フィールドデータがそれを補完します。優れたラボスコアはひとつのシグナルであり、実世界での体験を保証するものではありません。

推奨事項に基づいた対応

数値だけでなく、Lighthouseは過大な画像やレンダリングをブロックするリソースといった具体的な問題を列挙します。推奨事項は、スコアそのものよりも実行に移しやすいことが多いです。

CI/CDにおけるLighthouseスコア

Lighthouse CIは、すべてのpull requestでビルド済みのpreviewに対して監査を実行し、スコアが予算(budget)を下回った場合にbuildを失敗させることができます。ラボスコアはrunner環境によって変動するため、一貫したCI runnerで実行することで、誤検知なくゲートに使えるほどスコアが安定します。

重要なポイント

Lighthouseスコアは、パフォーマンス、アクセシビリティ、ベストプラクティス、SEOの観点でページを評価します。
パフォーマンススコアは重み付けされたラボメトリクスであり、テスト条件に敏感です。
runnerが一貫していれば、CIはLighthouseの予算(budget)をもとにdeployをゲートできます。