Lighthouseとは？ページ品質を計測するツール

Lighthouseとは何か

Lighthouseは、Googleが提供するページ品質の自動監査ツールです。指定したページを実際に読み込み、表示速度やアクセシビリティなどを採点し、何が悪いのかと改善のヒントをまとめて出してくれます。

Chromeの開発者ツールに組み込まれているほか、PageSpeed Insightsやコマンドラインからも実行できます。専門知識がなくても、ボタンひとつでページの弱点を一覧にできるのが大きな利点です。

出力されるのは点数だけではありません。各項目に「なぜ減点されたか」「どう直せばよいか」が添えられるため、改善の作業リストとして使えます。

5つのカテゴリでスコアが出る

Lighthouseは主に5つの観点でページを評価します。それぞれが別々の関心事を測っているため、まずはどのカテゴリが低いかを把握するところから始めます。

総合点という一つの数字ではなく、観点ごとに分かれているのが利点です。どの方向の改善が必要なのか、たとえば速度なのか、アクセシビリティなのかが一目で切り分けられます。

• パフォーマンス：表示速度や応答性。Core Web Vitalsとも関連する
• アクセシビリティ：alt属性やコントラストなど、誰もが使えるかの配慮
• ベストプラクティス：HTTPSや安全な実装など、Webの推奨事項への準拠
• SEO：検索エンジンが内容を理解しやすいかの基本チェック
• PWA（該当する場合）：アプリのようにインストール可能かなどの要件

実務ではどこで関係する？

Lighthouseは言葉の意味だけ覚えても、HTML共有の判断にはつながりません。実務では「表示に関係する話か」「検索に関係する話か」「アクセス制限に関係する話か」を分けて考えると整理しやすくなります。

Lighthouseについて迷ったら、相手が安全に開けるか、検索に出してよいか、ブラウザや環境差で壊れないかを順番に確認します。用語理解は、その判断を早くするための道具として使います。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

• 表示の話: HTML/CSS/JS、パス、ブラウザ互換性を確認する
• 検索の話: noindex、canonical、sitemap、robots.txtの役割を分ける
• 制限の話: URL共有、パスワード、メール認証、会社ドメイン認証を混同しない
• 運用の話: 期限、差し替え、削除、共有メッセージまで決める

スコアの見方と注意点

各カテゴリは0〜100点で表示され、概ね90以上が良好、50未満は要改善とされます。ただしパフォーマンスのスコアは計測環境やネットワークに影響されやすく、同じページでも実行のたびに数点ぶれることがあります。

点数そのものを目的にすると本末転倒です。100点に固執するより、減点理由の中で影響が大きく直しやすいものから片づける方が、実際のユーザー体験は早く改善します。

また、Lighthouseは試験環境での計測（ラボデータ）です。実ユーザーの体感とは差が出ることがあるため、現場のデータと合わせて判断すると精度が上がります。

Lighthouseを実行する手順

もっとも手軽なのはChromeから直接実行する方法です。確認用のページや作りかけのページでも、URLさえ開ければすぐ測れます。

拡張機能の追加は不要で、ブラウザの標準機能だけで完結します。気になったタイミングで何度でも測れるので、改善前後の比較にも使いやすいのが特徴です。

1. 計測したいページをChromeで開く
2. 右クリックから「検証」を選び、開発者ツールを表示する
3. 上部メニューからLighthouseのタブを選ぶ
4. デバイス（モバイル/PC）とカテゴリを選んで「分析」を実行する
5. 出力されたレポートで低いカテゴリと改善提案を確認する

公開前のページを測ってから共有する

Lighthouseは公開済みのサイトだけでなく、関係者に見せる前の確認用ページでも有効です。共有する前にスコアを見ておけば、相手に見せた状態で表示が崩れていた、といった事故を防げます。

ギガサイト便で発行した 〇〇.giga-site.com 形式の共有URLは、ブラウザで開けるためそのままLighthouseにかけられます。一時公開で完成イメージを見てもらいつつ、自分でも品質を確認してから渡せます。