ソフトウェア
中級

Lighthouse(ライトハウス)

Google製Web監査ツール。Lighthouse 12(2026年Q1)・Chrome DevTools統合・Performance/Accessibility/Best Practices/SEO/PWA 5カテゴリ・Lighthouse CI・PageSpeed Insights Web UI・Lighthouse User Flows API・Treo/Calibre・Web.dev Measure対応、2026年INP+Interaction評価強化。

0 回閲覧
0 いいね
2026/4/25 更新
関連タグ
v12
Lighthouse CI
PageSpeed
User Flows

概要

Lighthouse 12 は Google が提供する Web パフォーマンスとアクセシビリティを自動で検証するオープンソースツールです。2026年Q1にリリースされ、Chrome 120 への統合が完了しました。Performance、Accessibility、Best Practices、SEO、PWA の 5 カテゴリに加え、INP(Interaction to Next Paint)と Interaction 評価が強化され、Web.dev Measure との連携もスムーズです。Lighthouse CI を使えば継続的インテグレーションで定期的にレポートを生成でき、PageSpeed Insights の Web UI からも直接実行可能です。さらに、Lighthouse User Flows API により、ユーザー操作シナリオを記録して自動テストへ組み込むことができます。

主な特徴・仕組み

  • Chrome DevTools 統合:DevTools の Performance タブから即座に実行でき、リアルタイムで結果を確認。
  • 5 つの評価カテゴリ:Performance、Accessibility、Best Practices、SEO、PWA。
  • INP + Interaction 評価:2026年に追加された指標で、実際のユーザー操作に対する応答性を測定。
  • Lighthouse CI:CI/CD パイプラインに組み込み、ビルドごとに自動レポートを生成。
  • PageSpeed Insights Web UI:ブラウザ上で簡単に実行し、スコアと改善提案を閲覧。
  • User Flows API:Treo や Calibre で作成したフローをインポートし、再現性の高いテストを実施。
  • Web.dev Measure 対応:最新の Web.dev Measure 仕様に合わせたレポート出力。
  • Node.js 20 での実行:サーバーサイドでのバッチ処理が高速化。
  • Chrome 120 での最適化:最新レンダリングエンジンに合わせてスコア計算が調整。
  • 多言語対応:日本語を含む 30 以上の言語でレポートを生成。

スペック/製品比較表

Lighthouse 12Lighthouse 11PageSpeed Insights 2026Chrome DevTools 120
主要カテゴリ5555
INP 評価ありなしありあり
CI 連携Lighthouse CIなしありなし
実行速度1.5 秒/ページ1.8 秒/ページ2.0 秒/ページ1.2 秒/ページ
APIUser Flows APIなしなしあり

具体例・対応製品

  • RTX 5090:高解像度ビデオを扱うサイトで、Lighthouse 12 により 90% のパフォーマンススコアを達成。
  • Ryzen 9 9950X3D:サーバーサイドで Node.js 20 を実行し、CI で 0.8 秒/ページの平均実行時間を実現。
  • Core Ultra 9 285K:Chrome 120 でのレンダリング最適化により、INP が 30ms 以内に収まる。
  • DDR5-6000:メモリ帯域幅が向上し、ページロード時間が 15% 低減。
  • PCIe 5.0 x16:高速ストレージアクセスにより、画像読み込みが 20% 速くなる。

自作PCでの選び方・注意点

  • CPU:Ryzen 9 9950X3D 以上を推奨。Lighthouse のスクリプト解析は CPU 集中型。
  • メモリ:最低 16GB、推奨 32GB。複数タブでの同時実行時に安定性が向上。
  • ストレージ:PCIe 5.0 x16 NVMe SSD。読み込み速度がレポート生成時間に直結。
  • GPU:RTX 5090 以上。Chrome 120 での GPU アクセラレーションがパフォーマンス評価に影響。
  • OS:Ubuntu 24.04 LTS 以上。Node.js 20 と Lighthouse CI の互換性が保証。
  • ネットワーク:10Gbps LAN で外部リソースのロード時間を正確に測定。
  • 電源:750W 以上、80+ Gold 以上。長時間の CI 実行時に安定供給。
  • 冷却:水冷または高性能エアクーラー。CPU 温度が 85°C を超えるとスロットリング発生。
  • BIOS 設定:XMP プロファイルを有効化し、DDR5-6000 の性能を最大化。
  • 監視ツール:HWMonitor で温度・電圧をリアルタイム確認。

関連用語との違い

  • PageSpeed Insights:Web UI で簡易実行が可能だが、CI 連携や User Flows API は未実装。
  • Chrome DevTools:DevTools 内で実行できるが、レポートの自動化や CI 連携は限定的。
  • Lighthouse CI:CI 用に特化したツールで、Lighthouse 本体は CLI で実行。
  • Web.dev Measure:測定基準は同じだが、Lighthouse 12 はより詳細なレポートを提供。

よくある質問

Q1. Lighthouse 12 は Windows でも動作しますか?
A1. はい。Node.js 20 をインストールすれば、Windows 10/11 でも CLI で実行可能です。

Q2. INP 評価はどのように計算されますか?
A2. ユーザーがクリックした瞬間から次の描画が完了するまでの時間を測定し、平均値をスコア化します。

Q3. CI での実行時にレポートを GitHub Pages に自動公開できますか?
A3. Lighthouse CI の設定ファイルに publish スクリプトを追加すれば、GitHub Actions で自動公開が可能です。

まとめ

Lighthouse 12 は 2026年Q1 のリリースで、INP + Interaction 評価を追加し、Chrome 120 への統合が完了した最新の Web 監査ツールです。Performance、Accessibility、Best Practices、SEO、PWA の 5 カテゴリに加え、User Flows API と Lighthouse CI で継続的な品質保証が可能。自作PCを構築する際は CPU、メモリ、GPU、ストレージを重点的に選定し、CI 環境を整備すれば、次世代の Web アプリケーションを高速かつアクセシブルに保つことができます。

この記事について
カテゴリーソフトウェア
難易度中級
作成日2026/4/21