chromeの拡張機能【Lighthouse】とは
サイトの評価が知りたいんですけど、どうしたらいいの?
Googleの公式ツールに【Lighthouse】があります。
こちらはchromeの拡張機能とし使用が可能です。
機能追加するためにはこちらのページからできます。
chrome機能追加の方法
公式ページの【chromeに追加】を押すと確認画面がでますので【拡張機能を追加】をクリックする
画面がこの状態になったら機能を使うことができます。(削除したらだめですからね)
Lighthouseを実際に使ってみる
それでは、実際に使ってましょう。
ブラウザはchromeでのみ使用できますので、他のブラウザの方はchromeに変更してください。
☆マーク(お気に入り)の右隣によくわからないマークがありますので、クリックすると追加機能が表示されますので、【Lighthouse】を選んでください。
【Lighthouse】をクリックすると下の画像が表示されますので『Generate report』をクリックしてください。
クリックすると、少しぼやけた文字で【Lighthouse Report Viewer】と表示されます。
少し時間がかかりますので、しばらく待ってください(バグっているわけではありません)
少し待つとレポートが表示されます。
いろんな分析結果が表示されます。
各項目について数値で評価してくれます。
■Performance
速度・改善機会・診断について記載されています。
■Accessibility
Webサイトのアクセシビリティ(使いやすさ)の評価です。
■Best Practices
SSL化やブラウザエラーなどがきちんとなされているかの評価です。
■SEO
サイトがSEOに準じた対応ができているかの評価です。
まとめ
問題は一つ!
すべて英語表記なんです。
英語が最大の難関です。これもGoogleの翻訳で何とか乗り切りましょう!
コメント