サイトを評価

GoogleのLighthouseを使ってみました。
最初にGoogleCromeで拡張機能でLighthouseを追加します。

灯台のマークです。Cromeで分析したいサイトを表示して、Lighthouseを選択します。

Lighthouse

上の写真のように右側に Lighthouse が表示されるので、歯車マークを押してMobileかDesktopを選択して、Gemerate reportを押します。すると下記の内容が表示されます。内容は英文なので日本語に変換しています。
パフォーマンス、アクセシビリティ、ベストプクティス、SEO、プログレッシブウェブアプリが表示されます。

このPink-cat.comのパフォーマンスが低いのはA8.netの広告画像を表示しているので少し重くなっているようです。
このように各項目で詳しい分析が可能です。
ただ、WorderpeeなのでJavaspriptなどは改善のしようがありませんが、参考にはなります。

Lighthouse
Lighthouse
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次