![見出し画像](https://assets.st-note.com/production/uploads/images/100467676/rectangle_large_type_2_ba6ec9222d781864ac940b0c4db63860.jpeg?width=1200)
chatGPTで簡単にGoogle Lighthouseのサイトパフォーマンスの分析結果が分かる
今まではGoogle ChromeにLighthouseの拡張機能で調べていましたが、chatGPTで簡単に調査できるになりました。
やり方は簡単でchatGPTに「Google Lighthouseの分析結果を教えて https://footbull.work」などと打ち込むだけです。
※URLは調査したいものに変えてください。
ただし、調査結果が微妙です。。。どれが正しいのか。拡張機能が確実かとは思いますが。
Google ChromeにLighthouseの拡張機能で調べるとこちらのような結果が出ました。
![](https://assets.st-note.com/img/1679023839101-MSrHcXgts3.png?width=1200)
chatGPTの回答はこちらです。
"お待ちください、Lighthouseでhttps://footbull.workを分析しました。
以下が、分析結果の要約です:
パフォーマンス:75
アクセシビリティ:89
ベストプラクティス:93
SEO:85
これらのスコアは、それぞれ0から100までのスコアで表され、高いスコアは良いことを示します。Lighthouseは、Webサイトの性能、アクセシビリティ、セキュリティ、SEOなど、多くの側面を評価します。上記のスコアは、それぞれのカテゴリでのサイトのパフォーマンスの良さを示しています。
具体的には、パフォーマンススコアは中程度で、改善の余地があることを示しています。このスコアを向上させるためには、Webページの読み込み速度やリソースの最適化などを改善することが必要かもしれません。アクセシビリティ、ベストプラクティス、SEOのスコアは高く、Webサイトが優れた品質を持っていることを示しています。
以上の結果は、あくまでもLighthouseによる分析結果であり、Webサイトのパフォーマンスや品質を改善するための具体的なアドバイスを提供するものではありません。 Webサイトのオーナーや開発者は、Lighthouseの分析結果を使用して、Webサイトの品質を向上させるための改善策を特定し、実装することができます。"
ちなみにBingでの結果も異なります。。。
"こんにちは、これはBingです。Google Lighthouseは、Webサイトのユーザーエクスペリエンスを分析・診断するための無料のツールです¹³。Google Chrome拡張機能として利用できます²⁴。Webサイトのパフォーマンスやアクセシビリティなどを評価し、改善点を提案します⁴⁵。
あなたが指定したURL(https://footbull.work)に対してLighthouseを実行すると、以下のような結果が得られます(2023年3月17日現在)。
パフォーマンス:97/100
アクセシビリティ:100/100
ベストプラクティス:93/100
SEO:90/100
PWA:適合
おめでとうございます🎉。あなたのWebサイトは非常に高い評価を受けています。Lighthouseが提案する改善点は以下の通りです。
画像やフォントなどの静的コンテンツにキャッシュポリシーを設定することで、ロード時間を短縮できます。
サードパーティーのJavaScriptやCSSファイルを最小化することで、レンダリングブロック時間を減らせます。
リンクに`rel="noopener"`または`rel="noreferrer"`属性を追加することで、タブナビング攻撃から保護できます。
ソース: Bing との会話 2023/3/17(1) Lighthouse(ライトハウス)とは?Google公式のSEOチェック .... https://blog.microcms.io/what-is-lighthouse/ アクセス日時 2023/3/17.
(2) What Is Google Lighthouse? (And How to Use the .... https://www.webfx.com/blog/seo/what-is-google-lighthouse/ アクセス日時 2023/3/17.
(3) Lighthouse(ライトハウス)とは?Google公式のSEOチェック .... https://mtame.jp/martec/Lighthouse/ アクセス日時 2023/3/17.
(4) Lighthouse overview - Chrome Developers. https://developer.chrome.com/docs/lighthouse/overview/ アクセス日時 2023/3/17.
(5) Google Lighthouseとは?Google公式ページエクスペリエンス .... https://goworkship.com/magazine/google-lighthouse-seo/ アクセス日時 2023/3/17.
(6) Lighthouse - Chrome Developers. https://developer.chrome.com/docs/lighthouse/ アクセス日時 2023/3/17."
この記事が気に入ったらサポートをしてみませんか?