【らいとはうす】

Lighthouse とは?

最終更新:
💡 Webページを診断して、点数と改善の手がかりを示す

Googleが提供する、Webページのパフォーマンス・アクセシビリティ・SEOなどを自動診断し、改善の手がかりを示すオープンソースのツール。

📌 このページのポイント
Lighthouse:Webページの診断 対象のWebページ Lighthouse 分析 診断レポート 性能・アクセシビリティ・SEOなど 分野ごとの点数と改善案 点数は測定条件でも変わる 実利用者のCore Web Vitalsとは区別 自動検査だけで品質の全ては分からない
自動診断は改善の手がかり。実利用者の指標や手動確認も合わせて評価します。
ひよこ ひよこ
ペンギン先生、Lighthouseってなに?灯台のこと?
ペンギン先生 ペンギン先生
灯台という意味の言葉だけど、ここではGoogleのWebページ診断ツールだよ。ページを検査して、パフォーマンス・アクセシビリティ・SEOなどのレポートを作るんだ。
ひよこ ひよこ
点数がつけば、何を直すかも分かる?
ペンギン先生 ペンギン先生
分野ごとのスコアに加え、画像やJavaScriptなどの改善案が示されるよ。パフォーマンスの点数は指標から計算されるので、改善案の件数を減らせば直接点数が上がる、という単純な仕組みではないんだ。
ひよこ ひよこ
どうやって使うの?
ペンギン先生 ペンギン先生
Chrome DevToolsのLighthouseパネルで対象ページを分析できるよ。コマンドラインやNodeモジュールでも実行でき、Lighthouse CIを使って変更前後を継続的に調べる方法もあるんだ。
ひよこ ひよこ
測るたびに点数が違うのはなぜ?
ペンギン先生 ペンギン先生
端末の性能、通信、ページの広告や拡張機能など、測定条件が影響するからだよ。PCとスマホの条件も違うので、条件をそろえて複数回の結果を見ることが大切だね。
ひよこ ひよこ
高得点なら、誰にとっても使いやすくて検索順位も上がる?
ペンギン先生 ペンギン先生
そうは保証されないよ。Lighthouseは決めた条件での診断で、実利用者のCore Web Vitalsとは別。アクセシビリティにも手動確認が必要な項目があるんだ。点数だけで判断せず、実際の利用状況や操作も確認しよう。
ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「Lighthouse」って出てきたら「Webページを自動診断するGoogleのツール」と思えばだいたいOK!
📖 おまけ:英語の意味
「Lighthouse」 = 灯台
💬 英語では「灯台」という意味。ここではWebページの品質改善を支援するツールの名前だよ。命名者の具体的な意図までは断定しないよ

参考資料

← 用語集にもどる