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評価強化。
概要
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 12 | Lighthouse 11 | PageSpeed Insights 2026 | Chrome DevTools 120 | |
|---|---|---|---|---|
| 主要カテゴリ | 5 | 5 | 5 | 5 |
| INP 評価 | あり | なし | あり | あり |
| CI 連携 | Lighthouse CI | なし | あり | なし |
| 実行速度 | 1.5 秒/ページ | 1.8 秒/ページ | 2.0 秒/ページ | 1.2 秒/ページ |
| API | User 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 アプリケーションを高速かつアクセシブルに保つことができます。