イントロダクション#
Lighthouse は、パフォーマンス、アクセシビリティ、プログレッシブ Web アプリ、SEO などの監査を提供します。
Chrome DevTools で、コマンドラインから、または Node モジュールとして Lighthouse を実行できます。監査する URL を Lighthouse に提供すると、そのページに対して一連の監査を実行し、そのウェブページのパフォーマンスに関するレポートを生成します。失敗した監査を指標として、ウェブページを改善する方法を理解できます。各監査には、その監査の重要性と問題の解決方法を説明する参考情報があります。
使用を開始する#
Chrome 開発者ツールで Lighthouse を実行する#
これは Chrome DevTools に組み込まれています（ない場合は デスクトップ用 Chrome ブラウザ をダウンロードしてください）。使用方法は以下の通りです：
- 匿名 / シークレットブラウジングウィンドウを開き、後続の検査に役立てます（プラグインの影響を避けるため）
- 検査したいウェブページを開き、
F12キーを押します - Lighthouse タブをクリックし、ウェブページの読み込み状況を分析します。以下の画像のように：
- 30 - 60 秒待つと、Lighthouse がページ上にレポートを表示します
その他#
Google は Lighthouse を実行するための他の多様な方法も提供しています：
他の人と共有したい場合は、参考：オンラインでレポートを共有および表示する