GoogleのLighthouseを使ってみました。
最初にGoogleCromeで拡張機能でLighthouseを追加します。
![](https://pink-cats.com/wp-content/uploads/2021/07/スクリーンショット-2021-08-02-000426.png)
灯台のマークです。Cromeで分析したいサイトを表示して、Lighthouseを選択します。
![Lighthouse](https://pink-cats.com/wp-content/uploads/2021/07/スクリーンショット-2021-08-02-000943-1024x514.png)
上の写真のように右側に Lighthouse が表示されるので、歯車マークを押してMobileかDesktopを選択して、Gemerate reportを押します。すると下記の内容が表示されます。内容は英文なので日本語に変換しています。
パフォーマンス、アクセシビリティ、ベストプクティス、SEO、プログレッシブウェブアプリが表示されます。
このPink-cat.comのパフォーマンスが低いのはA8.netの広告画像を表示しているので少し重くなっているようです。
このように各項目で詳しい分析が可能です。
ただ、WorderpeeなのでJavaspriptなどは改善のしようがありませんが、参考にはなります。
![Lighthouse](https://pink-cats.com/wp-content/uploads/2021/07/スクリーンショット-2021-08-01-235755-1024x521.png)
![Lighthouse](https://pink-cats.com/wp-content/uploads/2021/07/スクリーンショット-2021-08-02-003139-1024x589.png)