Lighthouse が私たちの生活に導入されて以来、UX や SEO などのトピックに直接影響するパフォーマンス基準の数が増えています。古い Google Pagespeed 設定では、ページ上のいくつかのポイントを見て評価していましたが、Google のエンジニアが長年かけて開発した方法によって改善されました。この記事では、Lighthouse スコアの計算方法を調べてみます。
2024 年現在、Lighthouse バージョン 10 のパフォーマンス基準は次のとおりです。
- 最初の満足のいくペイント - 10%
- スピードインデックス - 10%
- 最大のコンテンツペイント - 25%
- 合計ブロック時間 - 30%
- 累積レイアウトシフト - 25%
以前のバージョンであるLighthouse 5と比較して最も大きな革新は、CLS（Cumulative Layout Shift）の追加です。2024年XNUMX月時点でSEOの重要なパフォーマンス基準になると発表されたこの指標は、今後数年間で非常に重要になる可能性があります。
Lighthouseでは、ページ速度の目標を入力することで、どのようなスコアを達成できるかを事前に確認できるツールも用意しています。 ライトハウススコア計算ツールはこちら.
色分けがどの数値範囲に基づいているか知りたい場合は、以下の範囲を確認してください。これらの評価で緑色が表示されれば、成功したことを意味します。
- 0-49（悪い）: レッド
- 50-90（改善が必要）: オレンジ
- 90以上（良好）: グリーン
モバイルサイトとデスクトップサイトではスコアが異なりますが、モバイルトラフィックが 75% を超えるため、モバイルスコアに基づいて評価が行われます。
Lighthouseテストごとに異なる結果が出る場合があります。その理由としては、広告やページ上の広告の種類などが挙げられます。 サイト内でA/Bテストを実施し、インターネットトラフィックを即座に変化させる、およびサーバー上で発生する可能性のある瞬間的な状況。
Lighthouse テストを実行する最も簡単な方法は、Chrome ブラウザを使用することです。「検査」メニューに入り、「Lighthouse」タブをクリックしてから、「レポートの生成」ボタンをクリックします。計算には約 8 ～ 10 秒かかり、さまざまなデバイスとインターネット速度を考慮して実行されます。
