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