Lighthouse

GoogleChromeLighthouse2020年10月13日

Google ChromeのLighthouseを使ってWebサイトの評価を確認する

やりたいことこんにちは。オザサです。自社サイトを最適化してユーザーのエクスペリエンスを向上させたい。ので、まずはどこを改善すればいいかを確認したい。 Lighthouseとは Chrome DevTools に統合されているオープンソースのサイト分析ツールです。 https://github.com/GoogleChrome/lighthouse 開発者ツールを立ち上げましょう。最初は「Elements」が表示されていますが、「Lighthouse」タブを選択します。下記のことを設定します。 Categories：どの指標で評価をするか。 Device: どのデバイスでの評価を受けるか。 Publisher Ads: コンテンツ内の広告に関する評価をするか。こちらはまだβ版の様子。「Generate report」を押下すると処理が始まりますので、待ちましょう。レポートが出来上がると、下記のような画面になります。簡素なサイトなのでもっと評価高いかと思っていたのですが、まだまだでした・・・ SEO は100点なので嬉しい！ですが、コンテ