Repolode
投稿する
GoogleChrome

GoogleChrome/lighthouse

Chrome DevTools、Chrome拡張機能、Node CLIまたはNodeモジュールから実行できる、パフォーマンス、アクセシビリティ、SEO、ベストプラクティスを監査するオープンソースツール。

代替できる製品:PageSpeed InsightsWebPageTest

GitHub で見る公式サイト
スター
30,924
フォーク
9,772
未解決の Issue
439
最終コミット
5 時間前

これは何？

LighthouseはWebアプリやWebページを分析し、パフォーマンス指標を収集して、開発におけるベストプラクティスに関するレポートを作成します。ローカルのChromeブラウザでページを実行し、デフォルトでネットワークとCPUにシミュレーション上のスロットリングを適用して、パフォーマンス、アクセシビリティ、ベストプラクティス、SEOの各カテゴリをスコア化したレポートを生成します。

Chrome DevToolsのLighthouseパネル、Chrome Web Storeの拡張機能、Node CLIまたはプログラムから利用できるNodeモジュールで実行できます。CLIはHTML、JSON、CSV形式で出力でき、ファイルから複数のURLを監査したり、トレースやスクリーンショットを保存したりできます。実行はローカルで行われ、結果がリモートサーバーに送信されることはありません。

設定、カスタム監査、プラグインによって機能を拡張できます。複数のサードパーティサービスやCI連携がLighthouseをベースに構築されており、CLIの実行にはNode 22以降が必要です。

主な機能

  • 01パフォーマンス、アクセシビリティ、ベストプラクティス、SEOの各項目でページをスコア化します。
  • 02Chrome DevTools、Chrome拡張機能、Node CLI、Nodeモジュールから実行できます。
  • 03レポートをHTML、JSON、CSV形式で出力します。
  • 04設定可能なネットワークとCPUのスロットリングを適用でき、モバイルとデスクトップのプリセットも利用できます。
  • 05設定を通じてカスタム監査やプラグインに対応します。
  • 06複数のURLを一括監査でき、ヘッダーやCookieを使って認証が必要なページにも対応します。

ユースケース

  • リリース前に、サイトの読み込みパフォーマンスとCore Web Vitalsを確認する。
  • CIパイプラインでパフォーマンスや品質の監査を自動実行する。
  • ページのスコアを時系列で比較し、リグレッションを検出する。
  • SEOやアクセシビリティの問題を見つけるため、多数のURLを一括監査する。

クイックスタート

  1. 1

    npmでLighthouseをグローバルインストールする

    npm install -g lighthouse
  2. 2

    URLを監査する（HTMLレポートはファイルに出力されます）

    lighthouse https://airhorner.com/

使う前に知っておきたいこと

  • Node CLIの実行にはNode 22（LTS）以降が必要です。
  • 監査を実行するには、マシンにChromeがインストールされている必要があります。

トピック

#performance#web-performance#auditing#accessibility#seo#chrome#nodejs#best-practices#audit#chrome-devtools

よくある質問

lighthouse とは？
Chrome DevTools、Chrome拡張機能、Node CLIまたはNodeモジュールから実行できる、パフォーマンス、アクセシビリティ、SEO、ベストプラクティスを監査するオープンソースツール。 LighthouseはWebアプリやWebページを分析し、パフォーマンス指標を収集して、開発におけるベストプラクティスに関するレポートを作成します。ローカルのChromeブラウザでページを実行し、デフォルトでネットワークとCPUにシミュレーション上のスロットリングを適用して、パフォーマンス、アクセシビリティ、ベストプラクティス、SEOの各カテゴリをスコア化したレポートを生成します。
lighthouse は無料で使えますか？ライセンスは？
lighthouse は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
lighthouse は今もメンテナンスされていますか？
活発にメンテナンス中。lighthouse の最終コミットは 2026年10月21日 です。
lighthouse は何に使えますか？
リリース前に、サイトの読み込みパフォーマンスとCore Web Vitalsを確認する。 CIパイプラインでパフォーマンスや品質の監査を自動実行する。 ページのスコアを時系列で比較し、リグレッションを検出する。 SEOやアクセシビリティの問題を見つけるため、多数のURLを一括監査する。
lighthouse のインストール方法は？
npmでLighthouseをグローバルインストールする: npm install -g lighthouse URLを監査する（HTMLレポートはファイルに出力されます）: lighthouse https://airhorner.com/
lighthouse はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/GoogleChrome/lighthouse

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト