ブラウザに、グーグルのLighthouse(ライトハウス)のアイコンが表示されない?!

ブラウザに、グーグルのLighthouse(ライトハウス)のアイコンが表示されない?!

2021年10月17日
スタビジ

ブラウザに、グーグルのLighthouse(ライトハウス)のアイコンが表示されない場合の
 対応策
を知りたい。

こんなテーマに関する記事です。


スタビジ

ブラウザに、グーグルのLighthouse(ライトハウス)の設定をした際に、それが反映されないケースがあります。その際の対応方法についてまとめています。

スタビジ

Lighthouseは、Googleが提供している
 サイト評価のツール
です。

クロームの拡張機能をインストールすることで、使用することができます。

下記ページから、インストールすることができます。 

Lighthouse

Lighthouse is an open-source, automated tool for improving the performance, qual…
chrome.google.com
スポンサーリンク

ブラウザに、グーグルのLighthouse(ライトハウス)が反映されない場合は?

スタビジ

インストール後は、ページ右上に、下記のような
 オレンジの灯台のようなマーク
が表示されます。

グーグルのLighthouse(ライトハウス)

ただ、インストール後に、マークが表示されない場合があります。
私もなぜかアイコンが表示されずに、ちょっと、悩んでしまいました。。

その場合は、
 下記の赤丸のマークの箇所を左クリック
しましょう。 
Lighthouseマークの「ピン」の箇所がグレーになっていれば、クリックして、青色に変えます。
そうすると、画面上に表示されるようになります。

グーグルのLighthouse(ライトハウス)

その後は、チェックしたページでクリックして、表示される下記箇所を選択します。

Lighthouseマークの「ピン」の箇所がグレーになっていれば、クリックして、青色に変えます。 そうすると、画面上に表示されるようになります。

1分ほどして、結果が表示されます。 

また、デフォルトでは、
 mobile
での評価になります。
PCでの評価の場合は、
 desktop
を選択しましょう。

グーグルのLighthouse(ライトハウス)

また、下記の関連記事で、Lighthouse(ライトハウス)の見方について記載しています。

グーグルのLighthouse(ライトハウス)とは?
グーグルのLighthouse(ライトハウス)について知りたい。 こんなテーマに関する記事です。 グーグルには、Lighthouse(ライトハウス)というサイト…
www.stabusi.com

以上、Lighthouse(ライトハウス)の表示についての説明でした。

スタビジ